tag:blogger.com,1999:blog-512551895997900452026-07-17T15:34:46.384+05:00PakMcqs - Pakistan's Largest MCQs BankOur mission is to empower Pakistani students by providing free, high-quality, and reliable MCQs. We are your dedicated partner in your journey to ace your exams and achieve your career goals.Saad Ahmadhttp://www.blogger.com/profile/17817655044228307443noreply@blogger.comBlogger1922125tag:blogger.com,1999:blog-51255189599790045.post-36382385624576807802026-07-17T15:14:04.232+05:002026-07-17T15:29:00.509+05:00Touch Typing Course | Learn Typing Without Looking at Keyboard | PakMCQs<!-- Schema.org markup for Touch Typing Course -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Touch Typing Course | Learn Typing Without Looking at Keyboard | PakMCQs",
"description": "Learn touch typing online with step-by-step lessons. Improve typing speed, accuracy, WPM, and keyboard skills through structured typing practice.",
"articleBody": "Touch Typing Course on PakMCQs helps learners master typing without looking at the keyboard. This training focuses on correct finger placement, keyboard home row practice, muscle memory development, typing speed improvement, and accuracy building. Students can learn touch typing step by step, reduce typing errors, and increase Words Per Minute (WPM). This course is useful for students, teachers, office professionals, freelancers, and competitive exam candidates who want to improve their keyboard skills.",
"keywords": [
"Touch Typing Course",
"Learn Touch Typing",
"Typing Practice",
"Typing Speed Improvement",
"Keyboard Skills",
"WPM Typing Test",
"Typing Accuracy",
"Learn Typing Online",
"Touch Typing Lessons",
"PakMCQs Typing"
],
"image": {
"@type": "ImageObject",
"url": "https://www.pakmcqs.org/wp-content/uploads/2026/07/touch-typing-course.jpg",
"height": 720,
"width": 1280,
"caption": "Touch Typing Course - Learn Typing Without Looking at Keyboard"
},
"datePublished": "2026-07-17",
"dateModified": "2026-07-17",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR97VxJ3C5u93b8cXaUjXqUxmhY-D4MeIBd1g&s",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/touch-typing.html"
},
"educationalLevel": [
"Beginner",
"Intermediate",
"Advanced"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "job seeker"
},
{
"@type": "EducationalAudience",
"educationalRole": "professional"
}
],
"learningResourceType": [
"Touch Typing Lessons",
"Typing Practice",
"Keyboard Training",
"Typing Speed Test"
],
"educationalUse": [
"Skill Development",
"Typing Improvement",
"Exam Preparation",
"Career Training"
],
"about": [
{
"@type": "Thing",
"name": "Touch Typing"
},
{
"@type": "Thing",
"name": "Keyboard Skills"
},
{
"@type": "Thing",
"name": "Typing Speed"
},
{
"@type": "Thing",
"name": "Muscle Memory"
}
]
}
</script>
<!-- FAQ Structured Data for Touch Typing Course -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is touch typing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Touch typing is a typing method that allows users to type without looking at the keyboard by using correct finger placement and muscle memory."
}
},
{
"@type": "Question",
"name": "How can I learn touch typing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "You can learn touch typing by practicing finger placement, home row keys, typing exercises, and regular speed tests."
}
},
{
"@type": "Question",
"name": "Why is touch typing important?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Touch typing improves typing speed, accuracy, productivity, and helps users work faster without looking at the keyboard."
}
},
{
"@type": "Question",
"name": "Can beginners learn touch typing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Beginners can learn touch typing through step-by-step lessons and daily practice."
}
},
{
"@type": "Question",
"name": "What is the benefit of typing without looking at the keyboard?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Typing without looking at the keyboard increases speed, improves focus, and reduces typing mistakes."
}
},
{
"@type": "Question",
"name": "What are home row keys in touch typing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Home row keys are ASDF and JKL; where fingers are placed as the starting position for touch typing."
}
},
{
"@type": "Question",
"name": "How does touch typing improve typing speed?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Touch typing improves speed by training fingers to automatically reach the correct keys through muscle memory."
}
},
{
"@type": "Question",
"name": "What is WPM in typing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "WPM means Words Per Minute. It measures how many words a person can type correctly in one minute."
}
},
{
"@type": "Question",
"name": "How long does it take to learn touch typing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Learning time depends on practice consistency, but regular daily practice can show improvement within a few weeks."
}
},
{
"@type": "Question",
"name": "Who should learn touch typing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Students, job seekers, office workers, freelancers, and anyone using computers can benefit from touch typing."
}
},
{
"@type": "Question",
"name": "Does touch typing reduce typing errors?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Proper finger placement and regular practice help reduce mistakes and improve typing accuracy."
}
},
{
"@type": "Question",
"name": "Is touch typing useful for typing tests?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Touch typing skills help candidates achieve better speed and accuracy in typing tests."
}
}
]
}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PAKMCQs.ORG - Professional Typing System</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700;800&family=Roboto+Mono:wght@400;500;700&display=swap');
/* Theme Variable Mapping mapped to Monkeytype Palette */
:root {
--tp-primary: #e2b714; /* Yellow */
--tp-primary-hover: #f1c40f;
--tp-bg-main: #323437; /* Dark Gray background */
--tp-bg-card: #2c2e31;
--tp-text-main: #d1d0c5; /* Off-white completed text */
--tp-text-muted: #646669; /* Gray untyped text */
--tp-border-color: rgba(255, 255, 255, 0.05);
--tp-success: #82c91e; /* Brand Green */
--tp-danger: #ca4754; /* Deep red for errors */
--tp-font-main: 'Lexend Deca', sans-serif;
--tp-font-mono: 'Roboto Mono', monospace;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body.typing-active {
overflow: hidden !important;
height: 100vh !important;
width: 100vw !important;
}
/* Main Container with Monkeytype background */
#typing-app-container {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999999;
background: var(--tp-bg-main);
display: flex;
flex-direction: column;
overflow-y: auto;
font-family: var(--tp-font-main);
color: var(--tp-text-main);
}
/* Top-Left Brand Header (Logo + White/Green Name) */
.brand-header {
position: absolute;
top: 30px;
left: 40px;
display: flex;
align-items: center;
gap: 12px;
z-index: 1005;
user-select: none;
}
.brand-logo {
height: 32px;
width: auto;
object-fit: contain;
}
.brand-name {
font-family: var(--tp-font-main);
font-size: 20px;
letter-spacing: 0.5px;
}
.brand-name .white-bold {
color: #ffffff;
font-weight: 800;
}
.brand-name .green-bold {
color: var(--tp-success);
font-weight: 800;
}
/* Initialization Overlay */
#init-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--tp-bg-main);
z-index: 1000000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
transition: opacity 0.4s ease, transform 0.4s ease;
}
.init-card {
background: var(--tp-bg-card);
border: 1px solid var(--tp-border-color);
padding: 40px;
border-radius: 20px;
max-width: 550px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}
.init-logo {
background: var(--tp-primary);
color: #111827;
padding: 8px 20px;
border-radius: 8px;
font-weight: 800;
font-size: 14px;
display: inline-block;
margin-bottom: 25px;
}
.init-card h2 {
font-size: 26px;
font-weight: 800;
margin-bottom: 12px;
letter-spacing: -0.5px;
color: var(--tp-text-main);
}
.init-card p {
color: var(--tp-text-muted);
font-size: 14px;
line-height: 1.6;
margin-bottom: 30px;
}
/* Custom Paragraph Input Area Style */
#custom-paragraph-input:focus {
border-color: var(--tp-primary) !important;
}
/* Escape warnings */
#fullscreen-warning {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--tp-bg-main);
z-index: 1000001;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
backdrop-filter: blur(10px);
text-align: center;
padding: 20px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#fullscreen-warning.show {
opacity: 1;
pointer-events: auto;
}
.warning-card {
background: var(--tp-bg-card);
border: 2px solid var(--tp-danger);
padding: 40px 30px;
border-radius: 20px;
max-width: 480px;
width: 100%;
box-shadow: 0 20px 25px -5px rgba(239, 68, 68, 0.15);
}
.warning-card h3 {
color: var(--tp-danger);
font-size: 22px;
font-weight: 700;
margin-bottom: 12px;
}
.warning-card p {
color: var(--tp-text-muted);
font-size: 14px;
margin-bottom: 25px;
line-height: 1.6;
}
/* Screens Setup Display Controller */
.screen {
display: none !important;
}
.screen.active {
display: flex !important;
flex-direction: column;
}
#screen-result {
overflow-y: auto;
}
/* Strict display separation for typing runtime screen */
#screen-typing {
overflow: hidden !important;
height: 100vh;
width: 100vw;
display: none !important;
flex-direction: column;
justify-content: center;
align-items: center;
background: var(--tp-bg-main);
position: relative;
}
#screen-typing.active {
display: flex !important;
}
/* --- MONKEYTYPE WORKSPACE LOOK --- */
.typing-layout-wrapper {
width: 90%;
max-width: 950px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: auto;
}
/* Counter: Clean Yellow Display on Top */
.word-counter-display {
font-family: var(--tp-font-mono);
font-size: 36px;
font-weight: 700;
color: var(--tp-primary);
margin-bottom: 35px;
letter-spacing: -1px;
}
/* Monospace Reference Box */
.text-display-box {
font-family: var(--tp-font-mono);
font-size: 28px;
line-height: 1.6;
color: var(--tp-text-muted); /* Upcoming text is gray */
user-select: none;
width: 100%;
min-height: 140px;
max-height: 200px;
overflow: hidden;
box-sizing: border-box;
text-align: left;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
transition: all 0.2s ease;
}
.word-wrapper {
display: inline-block;
white-space: nowrap;
margin-right: 14px;
margin-bottom: 8px;
}
.completed-line-hidden {
display: none !important;
}
.char-span {
display: inline-block;
white-space: pre-wrap;
transition: color 0.1s ease;
}
/* Caret Cursor Design: Standard Blinking Left Border */
.current-char {
border-left: 2.5px solid var(--tp-primary);
animation: activeCursor 0.9s infinite;
padding-left: 0px;
background-color: transparent !important;
}
@keyframes activeCursor {
0%, 100% { border-color: var(--tp-primary); }
50% { border-color: transparent; }
}
/* Color definitions: Completed vs. Muted vs. Wrong */
.correct {
color: var(--tp-text-main); /* Completed correct letters are light gray */
}
.incorrect {
color: var(--tp-danger); /* Completed incorrect letters are red */
}
/* Big Live WPM Speed Counter */
.live-speed-display {
font-family: var(--tp-font-mono);
font-size: 64px;
font-weight: 700;
color: var(--tp-primary);
margin-top: 40px;
}
/* Transparent Hidden Input to capture keystrokes */
.typing-input-area {
position: absolute;
opacity: 0;
pointer-events: none;
z-index: -1;
}
/* --- MONKEYTYPE EXACT RESULT PAGE --- */
.result-layout-wrapper {
max-width: 1000px;
width: 90%;
margin: 100px auto 40px auto;
box-sizing: border-box;
position: relative;
}
/* Side-by-side stats and dynamic SVG chart container */
.main-results-section {
display: flex;
gap: 40px;
align-items: flex-start;
margin-bottom: 40px;
width: 100%;
}
/* Left big stats column */
.primary-stats-grid {
display: flex;
flex-direction: column;
gap: 15px;
flex-shrink: 0;
min-width: 160px;
}
.stat-block {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.stat-block .label {
font-size: 18px;
color: var(--tp-text-muted);
text-transform: lowercase;
line-height: 1;
margin-bottom: 2px;
font-family: var(--tp-font-main);
}
.stat-block .value {
font-size: 64px;
font-weight: 700;
color: var(--tp-primary);
line-height: 1;
font-family: var(--tp-font-main);
}
/* Dynamic SVG Chart layout */
.chart-box {
flex: 1;
background: transparent;
display: flex;
flex-direction: column;
height: 200px;
position: relative;
}
.chart-box svg {
width: 100%;
height: 100%;
overflow: visible;
}
/* Bottom stats row matching exact Monkeytype look */
.stats-table-grid {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px;
border-top: 1px solid rgba(255, 255, 255, 0.03);
padding-top: 25px;
gap: 20px;
}
.table-stat {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
}
.table-stat label {
font-size: 12px;
color: var(--tp-text-muted);
text-transform: lowercase;
margin-bottom: 6px;
font-family: var(--tp-font-main);
text-align: center;
}
.table-stat div {
font-size: 24px;
font-weight: 700;
color: var(--tp-primary);
font-family: var(--tp-font-main);
text-align: center;
}
.result-actions {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 20px;
}
.btn-start {
display: block;
width: 100%;
padding: 16px;
border: none;
border-radius: 12px;
background: var(--tp-primary);
color: #111827;
font-family: var(--tp-font-main);
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.btn-start:hover {
background: var(--tp-primary-hover);
}
.btn-retry {
max-width: 220px;
}
@media (max-width: 768px) {
.main-results-section { flex-direction: column; }
.stats-table-grid { flex-wrap: wrap; justify-content: center; }
.table-stat { flex-basis: 40%; }
.brand-header { left: 20px; top: 20px; }
}
</style>
</head>
<body>
<div id="typing-app-container">
<!-- Global Brand Header across the app -->
<div class="brand-header">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidxgHoP-_vqH5xXmAeFdKuQOQawA_sHiTOSW5fj5WyldeH1WXK5xpKBbL7ptwK3usdzBYqe-mtiQIXCfM73gP4aRZBxUW4_qU6ED7-WxioFexEE6IB4OMnb7BowU6AMLMQW5X1schq3yU/s1600/hedader+in222+png.png" alt="PakMCQs Logo" class="brand-logo">
<span class="brand-name"><span class="white-bold">PAKMCQs</span><span class="green-bold">.ORG</span></span>
</div>
<!-- TYPING RUNTIME SCREEN (MONKEYTYPE WORKSPACE LOOK) -->
<div id="screen-typing" class="screen">
<div class="typing-layout-wrapper">
<!-- Dynamic Counter at top (e.g. 0/24) -->
<div class="word-counter-display" id="runtime-word-counter">0/24</div>
<!-- Reference Monospace text displays in center -->
<div class="text-display-box" id="reference-text">
<!-- Javascript Injection -->
</div>
<!-- Big Yellow WPM speed display at bottom -->
<div class="live-speed-display" id="live-wpm">0</div>
<!-- Transparent Input Area to capture keystrokes -->
<textarea class="typing-input-area" id="typing-input" autocomplete="off" placeholder="" oninput="processTyping()"></textarea>
</div>
</div>
<!-- RESULT SCREEN (MONKEYTYPE DASHBOARD EXACT LOOK) -->
<div id="screen-result" class="screen">
<div class="result-layout-wrapper">
<!-- Side-by-Side WPM/ACC and SVG chart -->
<div class="main-results-section">
<!-- Big numeric stats -->
<div class="primary-stats-grid">
<div class="stat-block">
<span class="label">wpm</span>
<span class="value" id="final-wpm-circle">0</span>
</div>
<div class="stat-block" style="margin-top: 10px;">
<span class="label">acc</span>
<span class="value" id="stat-accuracy">0%</span>
</div>
</div>
<!-- Dynamic SVG Chart -->
<div class="chart-box">
<span style="font-size: 11px; color: var(--tp-text-muted); text-transform: lowercase; margin-bottom: 15px; display: block;">performance over time</span>
<svg id="wpm-svg-chart">
<!-- Chart rendered dynamically via JS -->
</svg>
</div>
</div>
<!-- Minimal Bottom Row Statistics -->
<div class="stats-table-grid">
<div class="table-stat">
<label>test type</label>
<div style="font-size: 18px; text-transform: lowercase;" id="stat-test-type">words 24</div>
</div>
<div class="table-stat">
<label>raw</label>
<div id="stat-gross">0</div>
</div>
<div class="table-stat">
<label>characters</label>
<div id="stat-characters">0/0/0/0</div>
</div>
<div class="table-stat">
<label>consistency</label>
<div id="stat-consistency">0%</div>
</div>
<div class="table-stat">
<label>time</label>
<div id="stat-duration">0s</div>
</div>
</div>
<div class="result-actions">
<button class="btn-start btn-retry" onclick="resetApp()">TRY AGAIN</button>
</div>
</div>
</div>
</div>
<!-- INITIAL VISIT GATE OVERLAY -->
<div id="init-overlay">
<div class="init-card">
<div class="init-logo">PAK★MCQs</div>
<h2>TYPING SYSTEM ENGINE</h2>
<p>This is a secure, distraction-free typing engine. Tap the button below to initialize the system and launch full-screen mode.</p>
<!-- CUSTOM PARAGRAPH FIELD (OPTIONAL) -->
<div style="margin-bottom: 25px; text-align: left;">
<label for="custom-paragraph-input" style="font-size: 13px; color: var(--tp-text-muted); display: block; margin-bottom: 8px; font-family: var(--tp-font-main); text-transform: lowercase;">Custom Paragraph (Optional)</label>
<textarea id="custom-paragraph-input" placeholder="Paste or type your own custom text here... If left empty, the default text will be used." style="width: 100%; height: 90px; background: var(--tp-bg-main); border: 1px solid var(--tp-border-color); border-radius: 12px; padding: 12px; color: var(--tp-text-main); font-family: var(--tp-font-main); font-size: 13px; resize: none; outline: none; transition: border-color 0.2s ease; box-sizing: border-box;"></textarea>
</div>
<button class="btn-start" onclick="initiateSetupMode()">ACCESS SYSTEM NOW</button>
</div>
</div>
<!-- ESC WARNING SCREEN -->
<div id="fullscreen-warning">
<div class="warning-card">
<h3>FULL SCREEN MODE EXITED</h3>
<p>You exited the secure test zone. Click the button below to restore full screen mode and continue your test.</p>
<button class="btn-start" onclick="requestFullScreenMode()">RESTORE FULL SCREEN</button>
</div>
</div>
<!-- RETRY CHOICE POP-UP MODAL -->
<div id="retry-choice-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17, 24, 39, 0.85); backdrop-filter: blur(8px); z-index: 1000002; align-items: center; justify-content: center;">
<div class="warning-card" style="border: 1px solid var(--tp-primary); max-width: 440px;">
<h3 style="color: var(--tp-primary); font-size: 20px; font-weight: 700; margin-bottom: 12px;">SELECT NEXT TEST TYPE</h3>
<p style="color: var(--tp-text-muted); font-size: 14px; margin-bottom: 25px; line-height: 1.6;">You used a custom paragraph. Would you like to repeat the same custom test or switch to a standard random paragraph?</p>
<div style="display: flex; gap: 15px;">
<button class="btn-start" onclick="selectResetMode('custom')" style="flex: 1;">CUSTOM TEXT</button>
<button class="btn-start" onclick="selectResetMode('random')" style="background: var(--tp-bg-main); color: var(--tp-text-main); border: 1px solid var(--tp-border-color); flex: 1;">RANDOM TEXT</button>
</div>
</div>
</div>
<script>
// --- MONKEYTYPE INSPIRED PARAGRAPHS MATRIX ---
const paragraphs = [
"Pakistan is a beautiful country with different cultures, languages, and traditions. People live together with peace and harmony.",
"Morning exercise keeps our body active and improves our health. A healthy lifestyle helps us enjoy a better life.",
"Books are a great source of knowledge and wisdom. Reading books increases our thinking ability and improves vocabulary.",
"Technology has changed the world in many ways. Computers and smartphones make our daily tasks easier.",
"Education is the key to success. Students should work hard and learn new skills for a bright future.",
"Trees are important for our environment. They provide oxygen, reduce pollution, and make our planet beautiful.",
"Weather changes every season and affects our daily activities. People prepare according to different weather conditions.",
"Clean water is necessary for life. Everyone should save water and avoid wasting this valuable resource.",
"Animals are an important part of nature. They help maintain balance in the environment.",
"The internet connects people around the world. It provides information, education, and communication facilities.",
"Good manners show respect for others. A polite person always creates a positive impression.",
"Time is very precious, and we should use it wisely. Good planning helps us complete our work on time.",
"Hard work and patience are important qualities for success. Continuous effort always brings better results.",
"The sun provides light and energy to our planet. All living things depend on sunlight in different ways.",
"Healthy food gives our body energy and strength. Fruits and vegetables are important for good health.",
"Computers are used in schools, offices, and businesses. They help people complete tasks quickly and accurately.",
"Learning a new skill requires practice and dedication. Regular practice improves confidence and performance.",
"The library is a quiet place where students can read and learn. Books increase knowledge and creativity.",
"Road safety rules protect people from accidents. Everyone should follow traffic laws carefully.",
"Friendship is based on trust and respect. Good friends support each other during difficult times.",
"Science helps us understand the world around us. New discoveries make human life easier.",
"Farmers work hard to produce food for people. Agriculture plays an important role in our economy.",
"Mountains, rivers, and forests are natural resources. We should protect these gifts of nature.",
"Music brings happiness and relaxation. Different cultures have their own traditional music styles.",
"Communication helps people share ideas and information. Modern technology has improved communication methods.",
"The human body needs proper care and nutrition. Exercise and healthy habits keep us strong.",
"Traveling allows people to explore new places and learn about different cultures.",
"Honesty is one of the best qualities of a person. Honest people earn trust and respect.",
"Rain is important for plants, animals, and humans. It helps maintain the water cycle.",
"Computers have become an essential part of modern education. Students use technology for learning.",
"Sports improve physical fitness and teach teamwork. Playing games develops confidence and discipline.",
"Every country has its own history and traditions. Learning history helps us understand the past.",
"Pollution is harmful to the environment. We should reduce waste and keep our surroundings clean.",
"Communication skills are important in personal and professional life. Clear speaking creates better understanding.",
"The moon is a natural satellite of Earth. It changes its shape during different phases.",
"Plants provide food, oxygen, and shelter for many living things. They are necessary for life.",
"Good habits create a successful personality. Small positive actions bring big changes.",
"Mobile phones help people stay connected. They are useful tools when used responsibly.",
"The ocean contains many types of marine life. Protecting oceans is important for future generations.",
"Learning English improves communication skills. Practice helps students speak and write better.",
"The computer keyboard is used for entering information. Touch typing improves typing speed and accuracy.",
"Dreams become possible when people work hard. Determination helps achieve goals in life.",
"Clean surroundings create a healthy environment. Everyone should take responsibility for cleanliness.",
"Energy is needed for homes, industries, and transportation. Saving energy helps protect resources.",
"Books, computers, and teachers help students gain knowledge. Education builds a successful society.",
"The human brain controls our thoughts and actions. Keeping the brain active improves learning.",
"Animals need food, water, and shelter to survive. Every creature has an important role in nature.",
"Social media allows people to share information quickly. It should be used carefully and wisely.",
"The seasons bring different changes in weather. Each season has its own beauty and importance.",
"Confidence helps people face challenges. Practice and preparation increase confidence.",
"Healthy relationships are built on kindness and understanding. Respect makes relationships stronger.",
"Electricity is an important source of energy. Many devices depend on electricity to work.",
"The Earth is the only known planet with life. We should protect our planet from damage.",
"Good leadership requires honesty and responsibility. Leaders should help others and make wise decisions.",
"Knowledge increases when we share and discuss ideas. Learning is a lifelong process.",
"Water pollution affects humans, animals, and plants. Clean water is necessary for survival.",
"Art allows people to express their feelings and ideas. Painting and drawing improve creativity.",
"Daily practice improves every skill. Small efforts lead to great achievements.",
"Computers store and process information quickly. They are used in almost every field today.",
"Nature gives us many resources that support life. We must use them carefully.",
"Patience helps people solve problems calmly. A patient person makes better decisions.",
"Science experiments help students understand different concepts. Practical learning is very effective.",
"The keyboard has many keys for different functions. Learning shortcuts saves time while working.",
"Good health depends on balanced food and regular exercise. Healthy people enjoy active lives.",
"The world is changing because of new inventions. Technology continues to improve human life.",
"Students should respect their teachers and classmates. Good behavior creates a positive learning environment.",
"The environment includes air, water, land, and living things. Protecting it is everyone's responsibility.",
"Writing skills improve through regular practice. Reading and typing together increase language ability.",
"The computer mouse and keyboard are basic input devices. They help users interact with computers.",
"Success requires planning, effort, and commitment. People achieve goals by staying focused.",
"Flowers make gardens beautiful with their colors and fragrance. Plants add beauty to nature.",
"The human digestive system helps our body get energy from food. Healthy eating supports digestion.",
"Internet safety is important for everyone. Users should protect personal information online.",
"Learning from mistakes helps us improve. Every experience teaches us something valuable.",
"The sky looks different during day and night. The sun, moon, and stars make it beautiful.",
"Public transport helps people travel easily. It also reduces traffic problems in cities.",
"Animals and birds make our world more interesting. They are important parts of ecosystems.",
"A positive attitude helps people overcome difficulties. Optimistic thinking creates success.",
"Reading newspapers keeps people informed about current events. Knowledge helps make better decisions.",
"Computer skills are important in today's digital world. Learning technology creates more opportunities.",
"Food gives energy to perform daily activities. A balanced diet keeps the body healthy.",
"Rules and laws maintain order in society. People should respect and follow them.",
"The solar system contains planets, moons, and other objects. Earth is one of its planets.",
"Teamwork helps people complete tasks successfully. Working together creates better results.",
"Clean air is necessary for healthy living. Trees help improve air quality.",
"Learning touch typing requires focus and regular practice. Accuracy should come before speed.",
"Modern machines save time and reduce human effort. Technology has improved many industries.",
"Kindness and helping others make society better. Small acts of kindness create happiness.",
"Knowledge is a powerful tool for personal growth. Learning new things improves our future.",
"The keyboard practice improves finger movement and typing control. Daily exercises increase speed.",
"Every person has unique talents and abilities. Developing skills helps achieve success.",
"The future depends on how we use technology today. Responsible use creates positive results.",
"Good communication builds strong relationships. Listening carefully is also an important skill.",
"Exercise keeps muscles strong and improves energy levels. Everyone should stay physically active.",
"Touch typing is a useful skill for students and professionals. Regular practice makes typing easier.",
"Pakistan is a beautiful country with many mountains, rivers, and historical places. People from different areas live together with their own cultures and traditions. The natural beauty of Pakistan attracts many visitors every year. We should respect our country and work for its progress and development.",
"Healthy food is important for a strong and active body. Fruits, vegetables, milk, and fresh food provide essential nutrients. Regular exercise and proper sleep also improve health. A balanced lifestyle helps people stay fit and prevents many diseases. Good health allows us to enjoy our daily activities.",
"Computers have become an important part of modern life. They are used in schools, offices, hospitals, and businesses. A computer helps people store information, solve problems, and complete tasks quickly. Learning computer skills is necessary because technology is growing rapidly in the world.",
"Trees are valuable resources for our planet. They provide oxygen, reduce pollution, and give shelter to animals. Forests help maintain the balance of nature and control climate changes. We should plant more trees and protect existing forests for future generations and a cleaner environment.",
"Education plays an important role in building a successful society. Schools provide knowledge and skills that help students achieve their goals. Teachers guide students and encourage them to learn new things. Hard work, discipline, and regular practice are important parts of a good education system.",
"The internet has changed the way people communicate and learn. Students can find information, attend online classes, and improve their skills. However, the internet should be used carefully and responsibly. Safe browsing habits protect users from online problems and unwanted information.",
"Time management is an important skill for everyone. Proper planning helps people complete their tasks on time and reduces stress. Students should create a schedule for study, rest, and activities. Using time wisely increases productivity and helps achieve personal and professional goals.",
"Water is one of the most important resources on Earth. All living things need water to survive. Clean water is necessary for health and daily activities. People should avoid wasting water and take steps to protect rivers, lakes, and other water sources.",
"Books are a great source of knowledge and learning. Reading books improves vocabulary, imagination, and thinking abilities. Libraries provide a peaceful place where students can study and discover new ideas. Developing a reading habit helps people gain knowledge throughout their lives.",
"Science helps us understand the world and discover new ideas. Scientists perform experiments to solve problems and improve human life. Medical science, technology, and inventions have changed the way people live. Learning science develops curiosity and encourages creative thinking among students.",
"Good manners show respect and kindness toward others. A person with good behavior creates a positive environment around them. Saying polite words, helping others, and listening carefully are signs of a respectful person. Good manners improve relationships and create a peaceful society.",
"Weather changes throughout the year because of different seasons. Summer, winter, spring, and autumn have their own characteristics. People change their activities and clothing according to weather conditions. Understanding weather helps farmers, travelers, and communities prepare for different situations.",
"Sports are important for physical and mental health. Playing games improves fitness, teamwork, and confidence. Students should take part in sports activities along with their studies. Sports teach discipline and cooperation, which are useful qualities for success in life.",
"Animals are an important part of the natural environment. Different animals have different roles in ecosystems. They provide balance in nature and support life on Earth. Humans should protect animals and avoid activities that harm wildlife and their natural habitats.",
"Communication allows people to share ideas, feelings, and information. Modern technology has made communication faster and easier. Phones, computers, and the internet help people connect worldwide. Good communication skills are important for education, business, and building strong relationships.",
"Clean surroundings are necessary for a healthy life. Garbage and pollution can cause many problems for humans and animals. Everyone should keep homes, schools, and public places clean. Small efforts by individuals can create a safer and healthier environment for everyone.",
"The solar system contains the Sun, planets, moons, and other space objects. Earth is the only known planet with life. Scientists study space to learn more about the universe. Space exploration helps humans understand planets and improve scientific knowledge.",
"Friendship is a valuable relationship based on trust and respect. Good friends support each other during happy and difficult times. True friendship teaches kindness, honesty, and cooperation. Building strong friendships helps people feel connected and creates positive experiences in life.",
"Electricity is an important source of energy used in homes and industries. Many devices depend on electricity to work. Saving electricity helps protect resources and reduces costs. People should use electrical appliances carefully and avoid unnecessary waste of energy.",
"Learning touch typing improves typing speed and accuracy. It allows people to type without looking at the keyboard. Regular practice helps fingers remember the correct positions. Good typing skills save time and are useful for students, office workers, and computer users."
];
let timerInterval;
let timeLeft;
let totalTime = 60; // Default: 1 Minute Session
let isTestRunning = false;
let hasStartedTyping = false;
let originalText = "";
let words = [];
let activeWordIdx = 0;
let typedOffset = 0;
let typedWords = [];
let speedHistory = []; // Tracks WPM performance second by second
let rawHistory = []; // Tracks Raw WPM second by second
let errorSeconds = []; // Tracks seconds in which errors occurred
// --- ELEMENT SELECTORS ---
const screenTyping = document.getElementById('screen-typing');
const screenResult = document.getElementById('screen-result');
const displayWordCounter = document.getElementById('runtime-word-counter');
const liveWpm = document.getElementById('live-wpm');
const refTextDiv = document.getElementById('reference-text');
const typingArea = document.getElementById('typing-input');
const initOverlay = document.getElementById('init-overlay');
const fsWarning = document.getElementById('fullscreen-warning');
const retryChoiceModal = document.getElementById('retry-choice-modal');
// --- SYNTHESIZER AUDIO ENGINE (HIGH-PERFORMANCE ZERO-LAG SOUNDS) ---
let audioCtx = null;
let cachedNoiseBuffer = null; // Pre-cache white noise to prevent buffer latency
function initAudioEngine() {
try {
if (!audioCtx) {
audioCtx = new (window.AudioContext || window.webkitAudioContext)();
}
if (audioCtx.state === 'suspended') {
audioCtx.resume();
}
// Generate white noise array exactly once at initialization to bypass real-time math overhead
if (!cachedNoiseBuffer) {
const bufferSize = audioCtx.sampleRate * 0.1; // 100ms static pool is sufficient
cachedNoiseBuffer = audioCtx.createBuffer(1, bufferSize, audioCtx.sampleRate);
const data = cachedNoiseBuffer.getChannelData(0);
for (let i = 0; i < bufferSize; i++) {
data[i] = Math.random() * 2 - 1;
}
}
} catch (e) {
console.warn("Audio Context blocked:", e);
}
}
function playKeySound(isSpace = false) {
try {
if (!audioCtx) {
initAudioEngine();
}
if (audioCtx && audioCtx.state === 'suspended') {
audioCtx.resume();
}
if (!audioCtx) return;
const playTime = audioCtx.currentTime;
// 1. Transient click attack (Read from pre-cached static buffer)
if (cachedNoiseBuffer) {
const noiseNode = audioCtx.createBufferSource();
noiseNode.buffer = cachedNoiseBuffer;
const noiseFilter = audioCtx.createBiquadFilter();
noiseFilter.type = 'bandpass';
noiseFilter.frequency.setValueAtTime(isSpace ? 1100 : 2000, playTime);
noiseFilter.Q.setValueAtTime(3, playTime);
const noiseGain = audioCtx.createGain();
noiseGain.gain.setValueAtTime(isSpace ? 0.12 : 0.18, playTime);
noiseGain.gain.exponentialRampToValueAtTime(0.001, playTime + 0.03);
noiseNode.connect(noiseFilter);
noiseFilter.connect(noiseGain);
noiseGain.connect(audioCtx.destination);
noiseNode.start(playTime);
noiseNode.stop(playTime + 0.04);
}
// 2. Resonant mechanical switch body clack (Triangle Wave)
const osc = audioCtx.createOscillator();
const oscGain = audioCtx.createGain();
osc.type = 'triangle';
if (isSpace) {
// Deeper resonance curve for spacebar bottom-out
osc.frequency.setValueAtTime(140, playTime);
osc.frequency.exponentialRampToValueAtTime(80, playTime + 0.05);
oscGain.gain.setValueAtTime(0.25, playTime);
oscGain.gain.exponentialRampToValueAtTime(0.001, playTime + 0.05);
} else {
// Standard organic mechanical switch clack (with slight natural pitch offset)
const pitchOffset = Math.random() * 60 - 30;
osc.frequency.setValueAtTime(380 + pitchOffset, playTime);
osc.frequency.exponentialRampToValueAtTime(180, playTime + 0.04);
oscGain.gain.setValueAtTime(0.20, playTime);
oscGain.gain.exponentialRampToValueAtTime(0.001, playTime + 0.04);
}
osc.connect(oscGain);
oscGain.connect(audioCtx.destination);
osc.start(playTime);
osc.stop(playTime + 0.05);
} catch (e) {
console.warn("Keyclick sound generation failed:", e);
}
}
// --- FULL SCREEN API LOGIC ---
function initiateSetupMode() {
initAudioEngine();
requestFullScreenMode();
document.body.classList.add('typing-active');
initOverlay.style.opacity = '0';
initOverlay.style.transform = 'scale(0.95)';
setTimeout(() => {
initOverlay.style.display = 'none';
startTest(); // Transitions directly to typing test
}, 400);
}
function requestFullScreenMode() {
const elem = document.documentElement;
if (elem.requestFullscreen) {
elem.requestFullscreen().catch(err => console.log(err.message));
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
hideFullScreenNotification();
}
document.addEventListener('fullscreenchange', handleFullScreenExit);
document.addEventListener('webkitfullscreenchange', handleFullScreenExit);
function handleFullScreenExit() {
const isFullscreen = document.fullscreenElement || document.webkitFullscreenElement;
if (!isFullscreen) {
showFullScreenNotification();
if (isTestRunning && hasStartedTyping) {
clearInterval(timerInterval);
hasStartedTyping = false;
typingArea.blur();
}
} else {
hideFullScreenNotification();
if (isTestRunning && !hasStartedTyping && typingArea.value.length > 0) {
hasStartedTyping = true;
timerInterval = setInterval(updateTime, 1000);
typingArea.focus();
}
}
}
function showFullScreenNotification() {
fsWarning.style.display = 'flex';
setTimeout(() => {
fsWarning.classList.add('show');
}, 10);
}
function hideFullScreenNotification() {
fsWarning.classList.remove('show');
setTimeout(() => {
fsWarning.style.display = 'none';
}, 300);
}
// --- ENGINE OPERATIONS ---
function startTest() {
initAudioEngine();
timeLeft = totalTime;
screenResult.classList.remove('active');
screenTyping.classList.add('active');
// Check for Custom Paragraph Input
const customInput = document.getElementById('custom-paragraph-input');
const customText = customInput ? customInput.value.trim() : "";
if (customText.length > 0) {
originalText = customText;
} else {
originalText = paragraphs[Math.floor(Math.random() * paragraphs.length)].trim();
}
words = originalText.split(/\s+/);
activeWordIdx = 0;
typedOffset = 0;
typedWords = [];
speedHistory = [];
rawHistory = [];
errorSeconds = [];
renderReferenceStructure();
typingArea.value = "";
typingArea.disabled = false;
hasStartedTyping = false;
isTestRunning = true;
displayWordCounter.textContent = `0/${words.length}`;
liveWpm.innerText = "0";
setTimeout(() => {
typingArea.focus();
}, 100);
}
function renderReferenceStructure() {
refTextDiv.innerHTML = "";
words.forEach((word, wIdx) => {
const wordSpan = document.createElement('span');
wordSpan.className = 'word-wrapper';
wordSpan.id = `word-${wIdx}`;
for (let cIdx = 0; cIdx < word.length; cIdx++) {
const charSpan = document.createElement('span');
charSpan.className = 'char-span';
charSpan.innerText = word[cIdx];
wordSpan.appendChild(charSpan);
}
if (wIdx < words.length - 1) {
const spaceSpan = document.createElement('span');
spaceSpan.className = 'char-span space-char';
spaceSpan.innerHTML = ' ';
wordSpan.appendChild(spaceSpan);
}
refTextDiv.appendChild(wordSpan);
});
setActiveWordStatus(0);
}
function setActiveWordStatus(idx) {
document.querySelectorAll('.word-wrapper').forEach(w => w.style.color = "var(--tp-text-muted)");
const targetWord = document.getElementById(`word-${idx}`);
if (targetWord) {
targetWord.style.color = "var(--tp-primary)";
const charSpans = targetWord.querySelectorAll('.char-span');
if (charSpans.length > 0 && (typingArea.value.length - typedOffset) === 0) {
charSpans[0].classList.add('current-char');
}
targetWord.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
}
}
document.addEventListener('click', () => {
if (isTestRunning) {
typingArea.focus();
}
});
// Handle audio activation on first keydown to bypass safety blocks
document.addEventListener('keydown', function() {
if (audioCtx && audioCtx.state === 'suspended') {
audioCtx.resume();
}
}, { once: true });
typingArea.addEventListener('keydown', function(e) {
if (!isTestRunning) return;
if (e.key === ' ' || e.code === 'Space') {
e.preventDefault();
playKeySound(true);
skipToNextWord();
} else if (e.key === 'Backspace') {
playKeySound(false);
if (typingArea.selectionStart <= typedOffset) {
e.preventDefault();
}
} else if (e.key.length === 1) {
playKeySound(false);
}
});
function processTyping() {
if (!isTestRunning) return;
if (!hasStartedTyping) {
hasStartedTyping = true;
timerInterval = setInterval(updateTime, 1000);
}
updateWordRealtimeMarkup();
calculateLiveWpm();
}
function updateWordRealtimeMarkup() {
const typedVal = typingArea.value.substring(typedOffset);
const activeWordStr = words[activeWordIdx];
const wordEl = document.getElementById(`word-${activeWordIdx}`);
if (!wordEl) return;
const charSpans = wordEl.querySelectorAll('.char-span');
let currentSecondHasError = false;
for (let i = 0; i < charSpans.length; i++) {
const charSpan = charSpans[i];
let expectedChar = (i < activeWordStr.length) ? activeWordStr[i] : ' ';
let typedChar = typedVal[i];
charSpan.className = 'char-span' + (charSpan.classList.contains('space-char') ? ' space-char' : '');
if (typedChar === undefined) {
if (i === typedVal.length) {
charSpan.classList.add('current-char');
}
} else if (typedChar === expectedChar) {
charSpan.classList.add('correct');
} else {
charSpan.classList.add('incorrect');
currentSecondHasError = true;
}
}
// Track errors for chart rendering
if (currentSecondHasError) {
let activeSec = totalTime - timeLeft;
if (!errorSeconds.includes(activeSec)) {
errorSeconds.push(activeSec);
}
}
}
function skipToNextWord() {
const typedVal = typingArea.value.substring(typedOffset);
const currentWordEl = document.getElementById(`word-${activeWordIdx}`);
if (currentWordEl) {
const charSpans = currentWordEl.querySelectorAll('.char-span');
const hasErrors = Array.from(charSpans)
.filter(s => !s.classList.contains('space-char'))
.some(s => s.classList.contains('incorrect') || !s.classList.contains('correct'));
charSpans.forEach(charSpan => {
charSpan.classList.remove('current-char');
if (charSpan.classList.contains('space-char')) {
charSpan.classList.add(hasErrors ? 'incorrect' : 'correct');
} else if (!charSpan.classList.contains('correct') && !charSpan.classList.contains('incorrect')) {
charSpan.classList.add('incorrect');
}
});
}
typedWords[activeWordIdx] = typedVal.trim();
const prevIdx = activeWordIdx;
activeWordIdx++;
typingArea.value = typedWords.slice(0, activeWordIdx).join(" ") + " ";
typedOffset = typingArea.value.length;
displayWordCounter.textContent = `${activeWordIdx}/${words.length}`;
if (activeWordIdx >= words.length) {
endTest();
return;
}
setActiveWordStatus(activeWordIdx);
checkAndVanishLines(prevIdx, activeWordIdx);
}
function checkAndVanishLines(prevIdx, nextIdx) {
const prevWordEl = document.getElementById(`word-${prevIdx}`);
const nextWordEl = document.getElementById(`word-${nextIdx}`);
if (!prevWordEl || !nextWordEl) return;
if (nextWordEl.offsetTop > prevWordEl.offsetTop) {
const nextLineOffset = nextWordEl.offsetTop;
for (let i = 0; i < nextIdx; i++) {
const el = document.getElementById(`word-${i}`);
if (el && el.offsetTop < nextLineOffset) {
el.classList.add('completed-line-hidden');
}
}
}
}
function updateTime() {
timeLeft--;
let stats = getStats();
speedHistory.push(stats.netWpm);
rawHistory.push(stats.grossWpm);
if (timeLeft <= 0) {
endTest();
}
}
function getStats() {
let timeElapsedSeconds = totalTime - timeLeft;
let timeElapsedMins = timeElapsedSeconds / 60;
if (timeElapsedMins <= 0) timeElapsedMins = 0.0001;
let wrongWordsCount = 0;
for (let k = 0; k < activeWordIdx; k++) {
if ((words[k] || "") !== (typedWords[k] || "")) {
wrongWordsCount++;
}
}
let currentTyped = typingArea.value.substring(typedOffset).trim();
if (currentTyped.length > 0) {
if (currentTyped !== (words[activeWordIdx] || "").substring(0, currentTyped.length)) {
wrongWordsCount++;
}
}
let grossStrokes = 0;
for (let k = 0; k <= activeWordIdx; k++) {
let R = words[k] || "";
if (k < activeWordIdx) {
grossStrokes += Math.min((typedWords[k] || "").length, R.length) + 1;
} else {
grossStrokes += Math.min(typingArea.value.substring(typedOffset).length, R.length);
}
}
let errorHits = wrongWordsCount * 5;
let netStrokes = Math.max(0, grossStrokes - errorHits);
let grossWpm = Math.round((grossStrokes / 5) / timeElapsedMins);
let netWpm = Math.round((netStrokes / 5) / timeElapsedMins);
let accuracy = grossStrokes > 0 ? Math.round((netStrokes / grossStrokes) * 100) : 100;
return {
grossStrokes,
wrongWordsCount,
errorHits,
netStrokes,
netWpm,
grossWpm,
accuracy: Math.min(100, Math.max(0, accuracy)),
timeElapsedSeconds
};
}
function calculateLiveWpm() {
if (!isTestRunning) return;
let stats = getStats();
liveWpm.innerText = stats.netWpm;
}
function endTest() {
clearInterval(timerInterval);
isTestRunning = false;
typingArea.disabled = true;
calculateFinalResults();
screenTyping.classList.remove('active');
screenResult.classList.add('active');
}
function calculateFinalResults() {
let stats = getStats();
let totalStrokes = stats.grossStrokes;
let incorrectStrokes = stats.errorHits;
let correctStrokes = Math.max(0, totalStrokes - incorrectStrokes);
document.getElementById('final-wpm-circle').innerText = stats.netWpm;
document.getElementById('stat-accuracy').innerText = stats.accuracy + "%";
document.getElementById('stat-gross').innerText = stats.grossWpm;
document.getElementById('stat-duration').innerText = stats.timeElapsedSeconds + "s";
document.getElementById('stat-characters').innerText = `${correctStrokes}/${incorrectStrokes}/0/0`;
document.getElementById('stat-test-type').innerText = `words ${words.length}`;
// Consistency dynamic calculation
let consistency = 75;
if (speedHistory.length > 2) {
let mean = speedHistory.reduce((a, b) => a + b, 0) / speedHistory.length;
let variance = speedHistory.reduce((a, b) => a + Math.pow(b - mean, 2), 0) / speedHistory.length;
let stdDev = Math.sqrt(variance);
consistency = Math.round(Math.max(40, 100 - (stdDev / (mean || 1)) * 100));
}
document.getElementById('stat-consistency').innerText = consistency + "%";
renderPerformanceChart();
}
// --- MONKEYTYPE STYLE TWO-LINE CHART WITH ERROR DOTS ---
function renderPerformanceChart() {
const svg = document.getElementById('wpm-svg-chart');
svg.innerHTML = '';
if (speedHistory.length === 0) speedHistory = [0];
if (rawHistory.length === 0) rawHistory = [0];
const width = svg.clientWidth || 750;
const height = svg.clientHeight || 180;
const paddingLeft = 35;
const paddingRight = 20;
const paddingTop = 15;
const paddingBottom = 20;
const maxWpm = Math.max(...rawHistory, ...speedHistory, 50);
const minWpm = 0;
// Render horizontal grid lines
const gridLines = [40, 80, 120, 160];
gridLines.forEach(lineVal => {
if (lineVal <= maxWpm) {
let y = height - paddingBottom - ((lineVal - minWpm) / (maxWpm - minWpm)) * (height - paddingTop - paddingBottom);
// Grid line
const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
line.setAttribute('x1', paddingLeft);
line.setAttribute('y1', y);
line.setAttribute('x2', width - paddingRight);
line.setAttribute('y2', y);
line.setAttribute('stroke', 'rgba(255,255,255,0.04)');
line.setAttribute('stroke-width', '1');
svg.appendChild(line);
// Axis label
const label = document.createElementNS('http://www.w3.org/2000/svg', 'text');
label.setAttribute('x', paddingLeft - 8);
label.setAttribute('y', y + 4);
label.setAttribute('fill', 'rgba(255,255,255,0.2)');
label.setAttribute('font-size', '10');
label.setAttribute('font-family', 'var(--tp-font-mono)');
label.setAttribute('text-anchor', 'end');
label.textContent = lineVal;
svg.appendChild(label);
}
});
let pointsWpm = [];
let pointsRaw = [];
for (let i = 0; i < speedHistory.length; i++) {
let x = paddingLeft + (i / (speedHistory.length - 1 || 1)) * (width - paddingLeft - paddingRight);
let yWpm = height - paddingBottom - ((speedHistory[i] - minWpm) / (maxWpm - minWpm)) * (height - paddingTop - paddingBottom);
let yRaw = height - paddingBottom - ((rawHistory[i] - minWpm) / (maxWpm - minWpm)) * (height - paddingTop - paddingBottom);
pointsWpm.push(`${x},${yWpm}`);
pointsRaw.push(`${x},${yRaw}`);
}
// 1. Draw Raw Speed (Thin Light Gray Line)
const pathRaw = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');
pathRaw.setAttribute('fill', 'none');
pathRaw.setAttribute('stroke', 'rgba(255, 255, 255, 0.15)');
pathRaw.setAttribute('stroke-width', '1.5');
pathRaw.setAttribute('points', pointsRaw.join(' '));
svg.appendChild(pathRaw);
// 2. Draw Speed Line (Thick Orange/Yellow Line)
const pathWpm = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');
pathWpm.setAttribute('fill', 'none');
pathWpm.setAttribute('stroke', '#e2b714');
pathWpm.setAttribute('stroke-width', '3');
pathWpm.setAttribute('points', pointsWpm.join(' '));
svg.appendChild(pathWpm);
// 3. Draw Dots on Key Nodes
pointsWpm.forEach((p, idx) => {
if (idx % Math.ceil(speedHistory.length / 10) === 0 || idx === speedHistory.length - 1) {
let coords = p.split(',');
const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
circle.setAttribute('cx', coords[0]);
circle.setAttribute('cy', coords[1]);
circle.setAttribute('r', '3.5');
circle.setAttribute('fill', '#323437');
circle.setAttribute('stroke', '#e2b714');
circle.setAttribute('stroke-width', '2');
svg.appendChild(circle);
}
});
// 4. Draw Red Error dots exactly like Monkeytype
errorSeconds.forEach(sec => {
let idx = sec - 1;
if (idx >= 0 && idx < pointsWpm.length) {
let coords = pointsWpm[idx].split(',');
const errorCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
errorCircle.setAttribute('cx', coords[0]);
errorCircle.setAttribute('cy', coords[1]);
errorCircle.setAttribute('r', '4');
errorCircle.setAttribute('fill', 'var(--tp-danger)');
svg.appendChild(errorCircle);
}
});
}
function resetApp() {
const customInput = document.getElementById('custom-paragraph-input');
const customText = customInput ? customInput.value.trim() : "";
if (customText.length > 0) {
// Show selection modal if custom paragraph is set
retryChoiceModal.style.display = 'flex';
} else {
// Restart directly with standard paragraph
screenResult.classList.remove('active');
startTest();
}
}
function selectResetMode(mode) {
retryChoiceModal.style.display = 'none';
if (mode === 'random') {
const customInput = document.getElementById('custom-paragraph-input');
if (customInput) customInput.value = ""; // Clear custom text
}
screenResult.classList.remove('active');
startTest();
}
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-54014660613099863922026-07-15T08:00:00.000+05:002026-07-15T08:00:00.195+05:005th Class Social Studies MCQs | Evolution of Money (پیسے کا ارتقاء) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies MCQs Preparation | Barter System, Currency, Coins & Paper Money | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Solve free 5th Class Social Studies MCQs on Evolution of Money: barter system, coins, currency & State Bank. Test prep on PakMCQs!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: Evolution of Money (پیسے کا ارتقاء) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | Evolution of Money (پیسے کا ارتقاء) | PakMCQs",
"description": "Study 5th Class Social Studies Chapter 6.2 – Evolution of Money with complete notes, learning outcomes, the barter system, history of coins and paper currency, currency in the subcontinent, and the role of the State Bank of Pakistan and commercial banks.",
"articleBody": "This educational resource covers Chapter 6.2 of the 5th Class Social Studies curriculum: Evolution of Money. It provides solved MCQs and conceptual knowledge on the barter system, the ancient practice of exchanging goods before money existed, and the gradual shift to seashells, precious stones, and metallic coins, with bronze and copper coins first made in China around 1000 BC. The chapter traces leather money in China around 118 BC, the introduction of paper currency in China around 806 AD, and the later shift to polymer notes, first introduced by Australia and Indonesia, and plastic money such as credit and debit cards. It covers the history of currency in the subcontinent, from early silver 'Pana' coins to Islamic coins introduced after 712 AD, gold and silver 'ashrafi' coins, Sher Shah Suri's silver rupee, and British-era coins. The chapter also explains the role and importance of money in daily life, the functions of commercial banks, and the role of the State Bank of Pakistan, founded in 1948 with its headquarters in Karachi, as the country's central bank and custodian of foreign exchange reserves. Ideal for students preparing for school exams and building basic financial literacy on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Evolution of Money MCQs",
"پیسے کا ارتقاء MCQs",
"Barter System MCQs",
"History of Coins and Paper Currency MCQs",
"Currency in the Subcontinent MCQs",
"State Bank of Pakistan MCQs",
"Commercial Banks Class 5",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8J4Lrt-gEIrZyUWcPhGiMUPwHwYldnB7IZIYKNh36H4JPiF7w9vTjZRi5-vqdUPGbPWXIm1xDQuF-1oRMut9XMLizAM4_Y72mDrUwM548cVCLH_C9wm2ztdrIOnHIqFBjmTZ07AaMPMSAL8XVpSby9-GsK0b8iU27ofgWyaMeYLolWfoKq_GxXeeCLg/s1600/Social%20Studies%205th%20Class%20Chapter%206.2.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - Evolution of Money (پیسے کا ارتقاء)"
},
"datePublished": "2026-07-15",
"dateModified": "2026-07-15",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8J4Lrt-gEIrZyUWcPhGiMUPwHwYldnB7IZIYKNh36H4JPiF7w9vTjZRi5-vqdUPGbPWXIm1xDQuF-1oRMut9XMLizAM4_Y72mDrUwM548cVCLH_C9wm2ztdrIOnHIqFBjmTZ07AaMPMSAL8XVpSby9-GsK0b8iU27ofgWyaMeYLolWfoKq_GxXeeCLg/s1600/Social%20Studies%205th%20Class%20Chapter%206.2.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-Evolution-of-Money-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"Financial Literacy Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Financial Literacy",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Barter System" },
{ "@type": "Thing", "name": "History of Coins" },
{ "@type": "Thing", "name": "Paper Currency" },
{ "@type": "Thing", "name": "Currency in the Subcontinent" },
{ "@type": "Thing", "name": "State Bank of Pakistan" },
{ "@type": "Thing", "name": "Commercial Banks" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for Evolution of Money (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is the barter system?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The barter system is an old method of trade in which people exchange goods and services directly without using money."
}
},
{
"@type": "Question",
"name": "Why was the barter system replaced by money?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The barter system was inconvenient because people could not always find someone willing to exchange the goods they needed. Money made buying and selling easier and faster."
}
},
{
"@type": "Question",
"name": "What were the earliest forms of money?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Early forms of money included seashells, precious stones, leather pieces, and metal coins made from bronze, copper, silver, and gold."
}
},
{
"@type": "Question",
"name": "When was paper currency first introduced?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Paper currency was first introduced in China around 806 AD and later spread to other parts of the world."
}
},
{
"@type": "Question",
"name": "What is plastic money?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Plastic money refers to debit cards and credit cards that allow people to make payments and transfer money electronically without carrying cash."
}
},
{
"@type": "Question",
"name": "What is currency?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Currency is the official money of a country, including coins and paper notes, used for buying goods and services."
}
},
{
"@type": "Question",
"name": "What are the currencies of some different countries?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pakistan – Pakistani Rupee (PKR), Saudi Arabia – Riyal (SAR), United States – Dollar (USD), United Kingdom – Pound Sterling (GBP), Türkiye – Turkish Lira (TRY)."
}
},
{
"@type": "Question",
"name": "What is the importance of money?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Money helps people buy food, clothes, houses, education, and other necessities. It also supports business, savings, and improves the standard of living."
}
},
{
"@type": "Question",
"name": "What are the functions of commercial banks?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Commercial banks keep people's money safe, provide loans, transfer money, collect utility bills, offer lockers, and provide many financial services."
}
},
{
"@type": "Question",
"name": "What is the role of the State Bank of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The State Bank of Pakistan is the country's central bank. It issues currency notes, supervises commercial banks, manages foreign exchange reserves, and helps maintain Pakistan's financial and economic stability."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8J4Lrt-gEIrZyUWcPhGiMUPwHwYldnB7IZIYKNh36H4JPiF7w9vTjZRi5-vqdUPGbPWXIm1xDQuF-1oRMut9XMLizAM4_Y72mDrUwM548cVCLH_C9wm2ztdrIOnHIqFBjmTZ07AaMPMSAL8XVpSby9-GsK0b8iU27ofgWyaMeYLolWfoKq_GxXeeCLg/s1600/Social%20Studies%205th%20Class%20Chapter%206.2.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>5th Class Social Studies MCQs – Evolution of Money | PakMCQs</h1>
<p>Master 5th Class Social Studies Chapter 6.2 – Evolution of Money with a free online CBT Test and important MCQs. Learn about the Barter System, metallic coins, leather and paper currency, the history of currency in the subcontinent (Pana coins, Ashrafi, Sher Shah Suri's rupee), world currencies, and the role of the State Bank of Pakistan and Commercial Banks. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>Evolution of Money | پیسے کا ارتقاء
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 6.2: Evolution of Money (Paise ka Irtiqa)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes (Students ke Seekhne ke Nataij):</h4>
<p>Is sabaq ko mukammal karne ke baad students is qabil ho jayenge ke:<br>
• Misalon ke zariye paise ke irtiqa (evolution) aur paise ke mutaraf hone se pehle barter system ke zariye tijaarat ko bayan kar sakein.<br>
• Subcontinent (barre-sagheer) mein sikkon (coins) aur kaghazi note (paper money) ki tareekh ka pata laga sakein.<br>
• Mukhtalif mamalik ki currencies (zar-e-mubadla) ko pehchann sakein.<br>
• Logon ki zindagi mein paise ke kirdar aur ahmiyat ko bayan kar sakein.<br>
• State Bank of Pakistan ke kirdar ko pehchann sakein.<br>
• Shakhsiyat aur karobaron ki zindagi mein Commercial Banks ke kirdar ki wazahat kar sakein.</p>
<p>Paisa hamari zindagi ka ek ahem hissa hai. Ise paisa ya wealth (daulat) bhi kaha jata hai. Hum is se apni bunyadi zarooriyat jese ke khana, kapde, rihaish (housing) wagera poori kar sakte hain. In bunyadi zarooriyat ke elawa, paisa karobar aur taleem ka bhi ek zariya hai. Yeh kisi ki zarooriyat aur khwahishaat ko poora karne ke liye bhi istemal hota hai.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Think and Answer! (Sochein aur Jawab Dein!)</strong><br>
• Sochein aur batayein ke agar aaj paisa na hota, to log karobar kaise karte?<br>
• Aap pocket money (jaib kharch) se kya khareedte hain?
</p>
<p>Qadeem zamane mein log karobar ke liye paise ka istemal nahi karte the. Currency ya paise ka koi nizam nahi tha. Us waqt, log ek doosre ke sath cheezon ka tabadla karte the. Ise <span class="highlight-word" style="color: #27ae60; font-weight: bold;">barter system (tabadla-e-ashiay)</span> kaha jata tha.</p>
<p>Khareed-o-faroakht mein cheezon ke tabadle ko barter system kaha jata hai. Yeh len-den (dealing) ka ek qadeem nizam hai. Log apni zaroorat se zyada (surplus) cheezein doosron ko un cheezon ke badle de dete the jin ki unhe zaroorat hoti thi. Misal ke tor par, agar kisi shakhs ko kapron ki zaroorat hoti, to wo julahay (weaver) ko kapron ke badle gandum ya chawal deta tha. Log apni zaroorat ki cheezein khareedne ke liye murgiyan aur bakriyan wagera ka bhi tabadla karte the.</p>
<p>Barter system ek lambe arsay tak jari raha. Phir taqreeban 1200 BC mein, logon ne khareed-o-faroakht ke liye daryai seepyoon (seashells) aur qeemti patharon ka istemal shuru kiya. Kansi (bronze) aur tanbay (copper) jesi dhaatein bhi daryaft huin.</p>
<p>Taqreeban 1000 BC mein China mein bronze (kansi) aur copper (tanbay) ke sikkay banaye gaye the. Inhe aaj ke daur ke sikkon ki asli shakal samjha jata tha. In sikkon mein surakh (holes) hote the taake unhe ek dori ya chip mein jama kiya ja sake.</p>
<p>Aaj ke daur ke gol sikkay taqreeban 500 BC mein India aur Europe mein banaye gaye the. Sikkay banane ke tareeqon ki doosri qaumon ne bhi nakal (copy) ki. Unho ne bronze, copper aur gold (sone) ke sikkon ko behtar banaya aur unka istemal shuru kiya. Dhaati sikkay bhaari hote the. Unhe ek jagah se doosri jagah le jana mushkil tha. Aakhir-kar, unki jagah kaghazi currency (paper currency) ne le li.</p>
<p style="background: #fff8e1; padding: 10px; border-left: 4px solid #f1c40f;"><strong>Stop and Tell (Rukein aur Batayein)</strong><br>Logon ne barter system ke bajaye paise ka istemal kyun shuru kiya?</p>
<h4 style="color: #3498db;">Leather Money (Chamray ka Paisa)</h4>
<p>China mein taqreeban 118 BC mein chamray (leather) ke tukron ko paise ke tor par istemal kiya jata tha. Yeh tukray safaid hiran (white deer) ki khaal se banaye jate the.</p>
<p>Paper currency taqreeban 806 AD mein China mein mutaraf karwayi gayi thi. Waqt ke sath sath doosri qaumon ne bhi kaghazi currency banana shuru kar di. Dunya ke doosre hisson mein atharwin sadi (eighteenth century) ke aakhir mein kaghazi currency mutaraf karwayi gayi thi. Ab kaghazi currency ki jagah polymer ke notes ne le li hai. Australia aur Indonesia wo mulk hain jinho ne pehli baar polymer notes mutaraf karwaye. Banks ne beeswin sadi (twentieth century) mein credit cards aur debit cards mutaraf karwaye. Kaghazi currency ne kisi hadd tak naqd rakam (hard cash) ke istemal ko khatam kar diya. Jadeed daur digital hai. Ab log computerised raste ke zariye ek doosre ko electronically paisa aasani se transfer kar sakte hain. Is liye, log ab jaib (pocket) mein paisa nahi rakhte.</p>
<h4 style="color: #3498db;">History of Coins in the Subcontinent</h4>
<ul>
<li>• Barre-sagheer mein chhati sadi qabl-e-maseeh (sixth century BC) ke aghaz mein sikkay banane ka kaam shuru hua. In sikkon ko <span class="highlight-word" style="color: #c0392b; font-weight: bold;">'Pana'</span> kaha jata tha. Yeh sikkay chandi (silver) ke banaye jate the. Unki koi makhsoos shakal nahi thi. Un par mukhtalif nishanaat (signs) bane hote the.</li>
<li>• Is khitte par mukhtalif qaumon jese ke Iraniyon (Persians), Turkon, Arabon, Yoonaniyon (Greeks) aur Angrezon (British) ne hukoomat ki. In qaumon aur hukoomaton ne mukhtalif shaklon aur nishanaat ke sikkay mutaraf karwaye the.</li>
<li>• Arabs ne 712 AD mein is khitte ko fatah kiya. Delhi ke badshahon aur unke baad Mughal hukmranon ne apne sikkay mutaraf karwaye. Unho ne sikkon par se symbols (alamaat) ko khatam kar ke un par Islami tehririn khudwayin. Terhwin sadi (thirteenth century) ke doran khalis sone aur chandi ke bane sikkay istemal hote the. In sone aur chandi ke sikkon ko <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">ashrafi</span> kaha jata tha.</li>
<li>• Angrezon ne 1857 mein barre-sagheer par qabza kiya. Unho ne chandi, bronze aur nickel ke bane sikkay jari kiye. In mein rupee (rupya) aur Anna (aana) shamil the. In sikkon par British hukmranon ki tasaveer thin. Us waqt rupaye (rupee) ko sarkari currency (official currency) banaya gaya tha.</li>
</ul>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Do you want to know more?</strong> <span style="color: #c0392b; font-weight: bold;">Sher Shah Suri</span> ne chandi ka sikka mutaraf karwaya jise rupya (rupee) kaha jata tha.</p>
<p>Hum apni rozmarra zindagi mein len-den (dealing) ke liye sikkon ya kaghazi currency ki shakal mein paise ka istemal karte hain. Maashiyaat (economics) mein ise currency kaha jata hai. Har mulk ki apni currency hoti hai jese ke Pakistan ki currency rupya (rupee) hai:</p>
<ul>
<li>• Pakistani Rupee (Pakistani Rupya)</li>
<li>• Saudi Arabian Riyal (Saudi Arab ka Riyal)</li>
<li>• American Dollar (America ka Dollar)</li>
<li>• British Pound (Bartania ka Pound)</li>
<li>• Turkish Lira (Turkey ka Lira)</li>
</ul>
<h4 style="color: #3498db;">Importance of Money in Human Life</h4>
<p>Insani zindagi mein paise ki makhsoos ahmiyat hai.</p>
<ul>
<li>• Har shakhs apni bunyadi zarooriyat jese ke khana, kapde aur rihaish (housing) ke liye paise par munhasir karta hai. Paisa doosri kai zarooriyat aur khwahishaat ko poora karne ke liye bhi istemal hota hai.</li>
<li>• Paisa zameen, sona khareedne, taleem hasil karne aur karobar karne ke liye bhi istemal hota hai.</li>
</ul>
<p>Hum paise se na sirf mukhtalif cheezein khareedte hain balki mukhtalif khidmaat (services) se bhi faida uthate hain, jese ke mechanics aur mairajon (masons) ki khidmaat paise ke badle hasil ki jati hain. Paisa tarz-e-zindagi (standard of life) ko behtar banata hai.</p>
<h4 style="color: #3498db;">Role of Banks and Commercial Banking</h4>
<p>Bank ek maliyati (financial) aur tijaarati (commercial) idara hai. Log apne zaroorat se zyada (surplus) paise hifazat (safety) ke liye bank mein rakhte hain. Log banks mein accounts kholte hain aur un mein apne paise rakhte hain. Is ke elawa:</p>
<ul>
<li>• Tajir (traders), sanatkar (industrialists), kisan (agriculturalists) aur doosre zaroorat-mand log banks se qarzay (loans) hasil karte hain.</li>
<li>• Log apne paise ek shehar se doosre shehar ya ek mulk se doosre mulk aasani se transfer kar sakte hain.</li>
<li>• Bijli, sui gas aur telephone ke bills bhi banks ke zariye ada kiye jate hain.</li>
<li>• Hajj aur Umrah ki darkhwastein (applications) bhi banks ke zariye jama karwayi jati hain.</li>
<li>• Log apne zevarat (jewelry) aur ahem dastavezat (documents) hifazat ke liye bank ke lockers mein rakhte hain. Yeh tamam khidmaat <span class="highlight-word" style="color: #2980b9; font-weight: bold;">commercial bank</span> faraham karta hai.</li>
</ul>
<h4 style="color: #3498db;">State Bank of Pakistan (Central Bank)</h4>
<p>Har mulk ka ek central bank (markazi bank) hota hai jo apne mulk ki poori maeeshat (economy) ki nigrani (supervise) karta hai. Pakistan ke central bank ka naam <span class="highlight-word" style="color: #16a085; font-weight: bold;">State Bank of Pakistan</span> hai. Is ki buniyaad 1948 mein rakhi gayi thi. Iska headquarter Karachi mein hai. Yeh Pakistan ke tamam doosre banks ki maliyati (financial) sargarmiyon ki nigrani karta hai aur unke liye policies banata hai. Yeh currency notes bhi jari karta hai. Yeh zar-e-mubadla ke zakhair (foreign exchange reserves) ka muhafiz (custodian) hai. Yeh zar-e-mubadla ke zakhair ko mehfooz rakhne ke liye exports aur imports ke darmiyan tawaazun (balance) qayam rakhta.</p>
<p style="background: #e8f5e9; padding: 15px; border-radius: 8px; border-left: 5px solid #2e7d32;"><strong>Zar-e-mubadla ke Zakhair (Foreign Exchange Reserves):</strong><br>Kisi mulk ke central bank mein rakhi gayi ghair-mulki currency, sona aur doosre ahem maliyati asaase (financial assets) us mulk ke zar-e-mubadla ke zakhair (foreign exchange reserves) kehlati hain.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Aayein kuch naya karte hain! (Let's do something new!)</strong><br>Apne dost ke sath mil kar research karein aur batayein ke currency kaun jari karta hai aur yeh kaise jari ki jati hai?</p>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 6.2</h3>
<h4 style="color: #3498db;">پیسے کا ارتقاء (ایوولیوشن آف منی)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو مکمل کرنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• مثالوں کے ذریعے پیسے کے ارتقاء (ایوولیوشن) اور پیسے کے متعارف ہونے سے پہلے بارٹر سسٹم کے ذریعے تجارت کو بیان کر سکیں۔<br>
• سب کانٹیننٹ (برصغیر) میں سکوں (کوائنز) اور کاغذی نوٹ (پیپر منی) کی تاریخ کا پتہ لگا سکیں۔<br>
• مختلف ممالک کی کرنسیز (زرِ مبادلہ) کو پہچان سکیں۔<br>
• لوگوں کی زندگی میں پیسے کے کردار اور اہمیت کو بیان کر سکیں۔<br>
• اسٹیٹ بینک آف پاکستان کے کردار کو پہچان سکیں۔<br>
• شخصیات اور کاروباروں کی زندگی میں کمرشل بینکوں کے کردار کی وضاحت کر سکیں۔</p>
<p>پیسہ ہماری زندگی کا ایک اہم حصہ ہے۔ اسے پیسہ یا ویلتھ (دولت) بھی کہا جاتا ہے۔ ہم اس سے اپنی بنیادی ضروریات جیسے کہ کھانا، کپڑے، رہائش (ہاؤسنگ) وغیرہ پوری کر سکتے ہیں۔ ان بنیادی ضروریات کے علاوہ، پیسہ کاروبار اور تعلیم کا بھی ایک ذریعہ ہے۔ یہ کسی کی ضروریات اور خواہشات کو پورا کرنے کے لیے بھی استعمال ہوتا ہے۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>سوچیں اور جواب دیں! (تھنک اینڈ آنسر!)</strong><br>
• سوچیں اور بتائیں کہ اگر آج پیسہ نہ ہوتا، تو لوگ کاروبار کیسے کرتے؟<br>
• آپ پاکٹ منی (جیب خرچ) سے کیا خریدتے ہیں؟
</p>
<p>قدیم زمانے میں لوگ کاروبار کے لیے پیسے کا استعمال نہیں کرتے تھے۔ کرنسی یا پیسے کا کوئی نظام نہیں تھا۔ اس وقت، لوگ ایک دوسرے کے ساتھ چیزوں کا تبادلہ کرتے تھے۔ اسے بارٹر سسٹم (تبادلہِ اشیاء) کہا جاتا تھا۔</p>
<p>خرید و فروخت میں چیزوں کے تبادلے کو بارٹر سسٹم کہا جاتا ہے۔ یہ لین دین (ڈیلنگ) کا ایک قدیم نظام ہے۔ لوگ اپنی ضرورت سے زیادہ (سرپلس) چیزیں دوسروں کو ان چیزوں کے بدلے دے دیتے تھے جن کی انہیں ضرورت ہوتی تھی۔ مثال کے طور پر، اگر کسی شخص کو کپڑوں کی ضرورت ہوتی، تو وہ جلاہے (ویور) کو کپڑوں کے بدلے گندم یا چاول دیتا تھا۔ لوگ اپنی ضرورت کی چیزیں خریدنے کے لیے مرغیاں اور بکریاں وغیرہ کا بھی تبادلہ کرتے تھے۔</p>
<p>بارٹر سسٹم ایک طویل عرصے تک جاری رہا۔ پھر تقریباً 1200 قبل از مسیح (بی سی) میں، لوگوں نے خرید و فروخت کے لیے دریائی سیپیوں (سی شیلز) اور قیمتی پتھروں کا استعمال شروع کیا۔ کانسی (برونز) اور تانبے (کاپر) جیسی دھاتیں بھی دریافت ہوئیں۔</p>
<p>تقریباً 1000 قبل از مسیح میں چائنہ (چین) میں برونز (کانسی) اور کاپر (تانبے) کے سکے بنائے گئے تھے۔ انہیں آج کے دور کے سکوں کی اصلی شکل سمجھا جاتا تھا۔ ان سکوں میں سوراخ (ہولز) ہوتے تھے تاکہ انہیں ایک ڈوری یا چپ میں جمع کیا جا سکے۔</p>
<p>آج کے دور کے گول سکے تقریباً 500 قبل از مسیح میں انڈیا اور یورپ میں بنائے گئے تھے۔ سکے بنانے کے طریقوں کی دوسری قوموں نے بھی نقل (کاپی) کی۔ انہوں نے برونز، کاپر اور گولڈ (سونے) کے سکوں کو بہتر بنایا اور ان کا استعمال شروع کیا۔ دھاتی سکے بھاری ہوتے تھے۔ انہیں ایک جگہ سے دوسری جگہ لے جانا مشکل تھا۔ آخر کار، ان کی جگہ کاغذی کرنسی (پیپر کرنسی) نے لے لی۔</p>
<p style="background: #fff8e1; padding: 10px; border-right: 4px solid #f1c40f;"><strong>رکیں اور بتائیں (اسٹاپ اینڈ ٹیل)</strong><br>لوگوں نے بارٹر سسٹم کے بجائے پیسے کا استعمال کیوں شروع کیا؟</p>
<h4 style="color: #3498db;">لیدر منی (چمڑے کا پیسہ)</h4>
<p>چائنہ (چین) میں تقریباً 118 قبل از مسیح میں چمڑے (لیدر) کے ٹکڑوں کو پیسے کے طور پر استعمال کیا جاتا تھا۔ یہ ٹکڑے سفید ہرن (وائٹ ڈیئر) کی کھال سے بنائے جاتے تھے۔</p>
<p>پیپر کرنسی تقریباً 806 عیسوی (اے ڈی) میں چائنہ (چین) میں متعارف کروائی گئی تھی۔ وقت کے ساتھ ساتھ دوسری قوموں نے بھی کاغذی کرنسی بنانا شروع کر دی۔ دنیا کے دوسرے حصوں میں اٹھارہویں صدی (ایٹینتھ سنچری) کے آخر میں کاغذی کرنسی متعارف کروائی گئی تھی۔ اب کاغذی کرنسی کی جگہ پولیمر کے نوٹوں نے لے لی ہے۔ آسٹریلیا اور انڈونیشیا وہ ملک ہیں جنہوں نے پہلی بار پولیمر نوٹ متعارف کروائے۔ بینکوں نے بیسویں صدی (ٹوینٹیتھ سنچری) میں کریڈٹ کارڈز اور ڈیبٹ کارڈز متعارف کروائے۔ کاغذی کرنسی نے کسی حد تک نقد رقم (ہارڈ کیش) کے استعمال کو ختم کر دیا۔ جدید دور ڈیجیٹل ہے۔ اب لوگ کمپیوٹرائزڈ راستے کے ذریعے ایک دوسرے کو الیکٹرانیکلی پیسہ آسانی سے ٹرانسفر کر سکتے ہیں۔ اس لیے، لوگ اب جیب (پاکٹ) میں پیسہ نہیں رکھتے۔</p>
<h4 style="color: #3498db;">برصغیر میں سکوں کی تاریخ</h4>
<ul>
<li>• برصغیر میں چھٹی صدی قبلِ مسیح (سکسٹھ سنچری بی سی) کے آغاز میں سکے بنانے کا کام شروع ہوا۔ ان سکوں کو 'پانا' کہا جاتا تھا۔ یہ سکے چاندی (سلور) کے بنائے جاتے تھے۔ ان کی کوئی مخصوص شکل نہیں تھی۔ ان پر مختلف نشانات (سائنز) بنے ہوتے تھے۔</li>
<li>• اس خطے پر مختلف قوموں جیسے کہ ایرانیوں (پرشینز)، ترکوں، عربوں، یونانیوں (گریکس) اور انگریزوں (برٹش) نے حکومت کی۔ ان قوموں اور حکومتوں نے مختلف شکلوں اور نشانات کے سکے متعارف کروائے تھے۔</li>
<li>• عربوں نے 712 عیسوی (اے ڈی) میں اس خطے کو فتح کیا۔ دہلی کے بادشاہوں اور ان کے بعد مغل حکمرانوں نے اپنے سکے متعارف کروائے۔ انہوں نے سکوں پر سے سمبلز (علامات) کو ختم کر کے ان پر اسلامی تحریریں کھدوائیں۔ تیرہویں صدی (تھرٹینتھ سنچری) کے دوران خالص سونے اور چاندی کے بنے سکے استعمال ہوتے تھے۔ ان سونے اور چاندی کے سکوں کو <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">اشرفی</span> کہا جاتا تھا۔</li>
<li>• انگریزوں نے 1857 میں برصغیر پر قبضہ کیا۔ انہوں نے چاندی، برونز اور نکل کے بنے سکے جاری کیے۔ ان میں روپیہ (روپی) اور آنا (آنا) شامل تھے۔ ان سکوں پر برٹش حکمران کی تصاویر تھیں۔ اس وقت روپے (روپی) کو سرکاری کرنسی (آفیشل کرنسی) بنایا گیا تھا۔</li>
</ul>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>معلومات کے لیے:</strong> <span style="color: #c0392b; font-weight: bold;">شیر شاہ سوری</span> نے چاندی کا سکہ متعارف کروایا جسے روپیہ (روپی) کہا جاتا تھا۔</p>
<p>ہم اپنی روزمرہ زندگی میں لین دین (ڈیلنگ) کے لیے سکوں یا کاغذی کرنسی کی شکل میں پیسے کا استعمال کرتے ہیں۔ معاشیات (اکنامکس) میں اسے کرنسی کہا جاتا ہے۔ ہر ملک کی اپنی کرنسی ہوتی ہے جیسے کہ پاکستان کی currency روپیہ ہے:</p>
<ul>
<li>• پاکستانی روپیہ (پاکستانی روپی)</li>
<li>• سعودی عربین ریال (سعودی عرب کا ریال)</li>
<li>• امریکن ڈالر (امریکہ کا ڈالر)</li>
<li>• برٹش پاؤنڈ (برطانیہ کا پاؤنڈ)</li>
<li>• ٹرکش لیرا (ترکی کا لیرا)</li>
</ul>
<h4 style="color: #3498db;">انسانی زندگی میں پیسے کا کردار</h4>
<p>انسانی زندگی میں پیسے کی مخصوص اہمیت ہے:</p>
<ul>
<li>• ہر شخص اپنی بنیادی ضروریات جیسے کہ کھانا، کپڑے اور رہائش (ہاؤسنگ) کے لیے پیسے پر منحصر کرتا ہے۔ پیسہ دوسری کئی ضروریات اور خواہشات کو پورا کرنے کے لیے بھی استعمال ہوتا ہے۔</li>
<li>• پیسہ زمین، سونا خریدنے، تعلیم حاصل کرنے اور کاروبار کرنے کے لیے بھی استعمال ہوتا ہے۔</li>
</ul>
<p>ہم پیسے سے نہ صرف مختلف چیزیں خریدتے ہیں بلکہ مختلف خدمات (سروسز) سے بھی فائدہ اٹھاتے ہیں، جیسے کہ مکینکس اور معماروں (میسنز) کی خدمات پیسے کے بدلے حاصل کی جاتی ہیں۔ پیسہ طرزِ زندگی (اسٹینڈرڈ آف لائف) کو بہتر بناتا ہے۔</p>
<h4 style="color: #3498db;">بینک اور اس کا کردار</h4>
<p>بینک ایک مالیاتی (فائنانشل) اور تجارتی (کمرشل) ادارہ ہے۔ لوگ اپنے ضرورت سے زیادہ (سرپلس) پیسے حفاظت (سیفٹی) کے لیے بینک میں رکھتے ہیں۔ لوگ بینکوں میں اکاؤنٹس کھولتے ہیں اور ان میں اپنے پیسے رکھتے ہیں۔ اس کے علاوہ:</p>
<ul>
<li>• تاجر (ٹریڈرز)، صنعت کار (انڈسٹریلسٹس)، کسان (ایگریکلچرلسٹس) اور دوسرے ضرورت مند لوگ بینکوں سے قرضے (لونز) حاصل کرتے ہیں۔</li>
<li>• لوگ اپنے پیسے ایک شہر سے دوسرے شہر یا ایک ملک سے دوسرے ملک آسانی سے ٹرانسفر کر سکتے ہیں۔</li>
<li>• بجلی، سوئی گیس اور ٹیلی فون کے بلز بھی بینکوں کے ذریعے ادا کیے جاتے ہیں۔</li>
<li>• حج اور عمرہ کی درخواستیں (ایپلی کیشنز) بھی بینکوں کے ذریعے جمع کروائی جاتی ہیں۔</li>
<li>• لوگ اپنے زیورات (جیولری) اور اہم دستاویزات (ڈاکیومنٹس) حفاظت کے لیے بینک کے لاکرز میں رکھتے ہیں۔ یہ تمام خدمات <span class="highlight-word" style="color: #2980b9; font-weight: bold;">کمرشل بینک</span> فراہم کرتا ہے۔</li>
</ul>
<h4 style="color: #3498db;">اسٹیٹ بینک آف پاکستان (مرکزی بینک)</h4>
<p>ہر ملک کا ایک سینٹرل بینک (مرکزی بینک) ہوتا ہے جو اپنے ملک کی پوری معیشت (ایکانومی) کی نگرانی (سپر وائز) کرتا ہے۔ پاکستان کے سینٹرل بینک کا نام <span class="highlight-word" style="color: #16a085; font-weight: bold;">اسٹیٹ بینک آف پاکستان</span> ہے۔ اس کی بنیاد 1948 میں رکھی گئی تھی۔ اس کا ہیڈ کوارٹر کراچی میں ہے۔ یہ پاکستان کے تمام دوسرے بینکوں کی مالیاتی (فائنانشل) سرگرمیوں کی نگرانی کرتا ہے اور ان کے لیے پالیسیز بناتا ہے۔ یہ کرنسی نوٹ بھی جاری کرتا ہے۔ یہ زرِ مبادلہ کے ذخائر (فارن ایکسچینج ریزروز) کا محافظ (کیسٹوڈین) ہے۔ یہ زرِ مبادلہ کے ذخائر کو محفوظ رکھنے کے لیے ایکسپورٹس اور امپورٹس کے درمیان توازن (بیلنس) قائم رکھتا ہے۔</p>
<p style="background: #e8f5e9; padding: 15px; border-radius: 8px; border-right: 5px solid #2e7d32;"><strong>زرِ مبادلہ کے ذخائر (فارن ایکسچینج ریزروز):</strong><br>کسی ملک کے سینٹرل بینک میں رکھی گئی غیر ملکی کرنسی، سونا اور دوسرے اہم مالیاتی اثاثے (فائنانشل اسیٹس) اس ملک کے زرِ مبادلہ کے ذخائر (فارن ایکسچینج ریزروز) کہلاتی ہیں۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>آئیے کچھ نیا کرتے ہیں! (لیٹس ڈو سمتھنگ نیو!)</strong><br>اپنے دوست کے ساتھ مل کر ریسرچ کریں اور بتائیں کہ کرنسی کون جاری کرتا ہے اور یہ کیسے جاری کی جاتی ہے؟</p>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: 5th Class Social Studies Chapter 6.2: Evolution of Money</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the barter system?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The barter system is an old method of trade in which people exchange goods and services directly without using money.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why was the barter system replaced by money?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The barter system was inconvenient because people could not always find someone willing to exchange the goods they needed. Money made buying and selling easier and faster.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What were the earliest forms of money?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Early forms of money included seashells, precious stones, leather pieces, and metal coins made from bronze, copper, silver, and gold.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>When was paper currency first introduced?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Paper currency was first introduced in China around 806 AD and later spread to other parts of the world.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is plastic money?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Plastic money refers to debit cards and credit cards that allow people to make payments and transfer money electronically without carrying cash.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is currency?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Currency is the official money of a country, including coins and paper notes, used for buying goods and services.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the currencies of some different countries?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Pakistan – Pakistani Rupee (PKR)<br>
Saudi Arabia – Riyal (SAR)<br>
United States – Dollar (USD)<br>
United Kingdom – Pound Sterling (GBP)<br>
Türkiye – Turkish Lira (TRY)</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the importance of money?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Money helps people buy food, clothes, houses, education, and other necessities. It also supports business, savings, and improves the standard of living.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the functions of commercial banks?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Commercial banks keep people's money safe, provide loans, transfer money, collect utility bills, offer lockers, and provide many financial services.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the role of the State Bank of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The State Bank of Pakistan is the country's central bank. It issues currency notes, supervises commercial banks, manages foreign exchange reserves, and helps maintain Pakistan's financial and economic stability.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"topicHeading": "Evolution of Money",
"question": "What is money also commonly called in our daily life?",
"urdu": "روزمرہ کی زندگی میں پیسے کو عام طور پر کیا کہا جاتا ہے؟",
"options": ["Debt", "Paisa or wealth", "Loan", "Bill"],
"correctAnswer": "B",
"explanation": "[red]Paisa or wealth[/red] is correct because money represents the [blue]stored value and purchasing power[/blue] that we use to conduct transactions.",
"explanationUrdu": "[red]پیسہ یا دولت[/red] درست ہے کیونکہ رقم یا پیسہ ہماری [blue]قوتِ خرید اور مالیاتی قدر[/blue] کو ظاہر کرتا ہے جسے ہم لین دین کے لیے استعمال کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which basic needs can we fulfill with the help of money?",
"urdu": "ہم پیسے کی مدد سے کون سا بنیادی ضرورتیں پوری کر سکتے ہیں؟",
"options": ["Food", "Clothes", "Housing", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because food, clothing, and shelter are the [blue]three essential human needs[/blue] that require money to purchase.",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ خوراک، لباس اور مکان انسان کی وہ [blue]تین بنیادی ضرورتیں[/blue] ہیں جنہیں خریدنے کے لیے رقم کی ضرورت ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides basic needs, what else is money an important source for?",
"urdu": "بنیادی ضروریات کے علاوہ، پیسہ کس چیز کا ایک اہم ذریعہ ہے؟",
"options": ["Business and education", "Only playing games", "Only sleeping", "Changing the weather"],
"correctAnswer": "A",
"explanation": "[red]Business and education[/red] is correct because money is necessary to invest in commerce and [blue]pay for academic schooling[/blue] and resources.",
"explanationUrdu": "[red]کاروبار اور تعلیم[/red] درست ہے کیونکہ تجارت میں سرمایہ کاری کرنے اور [blue]اسکولوں کی فیس اور کتابیں[/blue] خریدنے کے لیے رقم کی ضرورت ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did people do business in ancient times before money was invented?",
"urdu": "قدیم زمانے میں رقم کی ایجاد سے پہلے لوگ کاروبار کیسے کرتے تھے؟",
"options": ["By using credit cards", "By exchanging things with each other", "By using gold coins only", "They did not do business"],
"correctAnswer": "B",
"explanation": "[red]By exchanging things with each other[/red] is correct because before currency existed, people [blue]traded items directly[/blue] to get what they needed.",
"explanationUrdu": "[red]آپس میں چیزوں کا تبادلہ کر کے[/red] درست ہے کیونکہ کرنسی کے وجود سے پہلے لوگ اپنی ضرورت کی چیز حاصل کرنے کے لیے اپنی فالتو چیز کا [blue]براہِ راست تبادلہ[/blue] کرتے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the ancient system of exchanging things with each other called?",
"urdu": "ایک دوسرے کے ساتھ چیزوں کے تبادلے کے اس قدیم نظام کو کیا کہا جاتا ہے؟",
"options": ["Currency system", "Barter system", "Banking system", "Digital system"],
"correctAnswer": "B",
"explanation": "[red]Barter system[/red] is correct because it refers to the [blue]direct trade of goods and services[/blue] without using money as a medium.",
"explanationUrdu": "[red]بارٹر سسٹم (Barter system)[/red] درست ہے کیونکہ اس سے مراد پیسے کے استعمال کے بغیر [blue]براہِ راست اشیاء کا تبادلہ کرنا[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In the barter system, if a person needed clothes, what would they typically give to the weaver?",
"urdu": "بارٹر سسٹم میں اگر کسی شخص کو کپڑوں کی ضرورت ہوتی، تو وہ عام طور پر بنکر (weaver) کو بدلے میں کیا دیتا؟",
"options": ["Paper money", "Wheat or rice", "A gold ring", "Nothing"],
"correctAnswer": "B",
"explanation": "[red]Wheat or rice[/red] is correct because agricultural crops were [blue]highly valued[/blue] and commonly used as trade items in the barter system.",
"explanationUrdu": "[red]گندم یا چاول[/red] درست ہے کیونکہ بارٹر سسٹم میں اناج [blue]بہت قیمتی سمجھا جاتا تھا[/blue] اور اسے کپڑوں یا دیگر چیزوں کے تبادلے کے لیے استعمال کیا جاتا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which animals were commonly exchanged by people to buy things of their need in old times?",
"urdu": "قدیم زمانے میں لوگ اپنی ضرورت کی چیزیں خریدنے کے لیے عام طور پر کون سے جانور بھی تبدیل کرتے تھے؟",
"options": ["Wild lions", "Chicken and goats", "Whales", "Elephants"],
"correctAnswer": "B",
"explanation": "[red]Chicken and goats[/red] is correct because livestock was a common and practical [blue]form of wealth[/blue] used for direct exchange in ancient trade.",
"explanationUrdu": "[red]مرغی اور بکریاں[/red] درست ہے کیونکہ قدیم دور میں [blue]مویشیوں کو اپنی ضروریات کی چیزیں حاصل کرنے[/blue] کے لیے تبادلے کے لیے استعمال کیا جاتا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When did people start using seashells and precious stones for buying and selling?",
"urdu": "لوگوں نے خرید و فروخت کے لیے سیپیاں (seashells) اور قیمتی پتھر کب استعمال کرنا شروع کیے؟",
"options": ["In 1947 AD", "About 1200 BC", "In 806 AD", "In 1857 AD"],
"correctAnswer": "B",
"explanation": "[red]About 1200 BC[/red] is correct because this was the historical period when societies shifted from bartering goods to [blue]using small, valued objects[/blue] as currency.",
"explanationUrdu": "[red]تقریباً 1200 قبل مسیح[/red] درست ہے کیونکہ یہ وہ تاریخی دور تھا جب لوگوں نے براہِ راست چیزوں کے تبادلے کے بجائے [blue]سیپیاں اور قیمتی پتھر بطور کرنسی[/blue] استعمال کرنا شروع کیے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did people start using for trading around 1200 BC?",
"urdu": "تقریباً 1200 قبل مسیح میں لوگوں نے تجارت کے لیے کیا استعمال کرنا شروع کیا؟",
"options": ["Seashells and precious stones", "Paper notes", "Plastic cards", "Electronic money"],
"correctAnswer": "A",
"explanation": "[red]Seashells and precious stones[/red] is correct as these [blue]durable and rare items[/blue] served as the early intermediate mediums of exchange.",
"explanationUrdu": "[red]سیپیاں اور قیمتی پتھر[/red] درست ہے کیونکہ یہ [blue]نایاب اور پائیدار اشیاء[/blue] ابتدائی دور میں لین دین کے واسطے کے طور پر استعمال ہونے لگی تھیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which country were the first bronze and copper coins made in about 1000 BC?",
"urdu": "تقریباً 1000 قبل مسیح میں کانسی (bronze) اور تانبے کے پہلے سکے کس ملک میں بنائے گئے تھے؟",
"options": ["India", "China", "Rome", "Egypt"],
"correctAnswer": "B",
"explanation": "[red]China[/red] is correct because historical records identify ancient China as the [blue]pioneer in casting metallic coins[/blue] for currency.",
"explanationUrdu": "[red]چین[/red] درست ہے کیونکہ تاریخی ریکارڈز بتاتے ہیں کہ [blue]قدیم چین نے سب سے پہلے دھاتی سکے[/blue] بنانے کا آغاز کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why did ancient Chinese bronze and copper coins have holes in them?",
"urdu": "قدیم چینی کانسی اور تانبے کے سکوں میں سوراخ کیوں ہوتے تھے؟",
"options": ["To make them lighter", "To collect them in the form of a chip (string)", "To save metal", "To see through them"],
"correctAnswer": "B",
"explanation": "[red]To collect them in the form of a chip (string)[/red] is correct because the holes allowed people to [blue]thread the coins on a string[/blue] for easy carrying.",
"explanationUrdu": "[red]انہیں دھاگے یا چپ میں اکٹھا کرنے کے لیے[/red] درست ہے کیونکہ سکوں کے سوراخوں کی مدد سے انہیں [blue]رسی میں پرو کر آسانی سے ساتھ لے جایا[/blue] جا سکتا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When and where were round coins of the present-day form first made?",
"urdu": "موجودہ دور کی طرح کے گول سکے سب سے پہلے کب اور کہاں بنائے گئے تھے؟",
"options": ["China in 1000 BC", "India and Europe in about 500 BC", "America in 1800 AD", "Egypt in 1200 BC"],
"correctAnswer": "B",
"explanation": "[red]India and Europe in about 500 BC[/red] is correct because these regions pioneered the [blue]minting of round metallic coins[/blue] that we use today.",
"explanationUrdu": "[red]تقریباً 500 قبل مسیح میں انڈیا اور یورپ میں[/red] درست ہے کیونکہ ان علاقوں نے سب سے پہلے [blue]گول دھاتی سکے[/blue] بنانے کا آغاز کیا جو آج بھی رائج ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the main disadvantage of metallic coins in ancient trade?",
"urdu": "قدیم تجارت میں دھاتی سکوں کا سب سے بڑا نقصان کیا تھا؟",
"options": ["They had no value", "They were heavy and hard to carry", "They melted in rain", "No one accepted them"],
"correctAnswer": "B",
"explanation": "[red]They were heavy is correct[/red] because carrying large amounts of metal coins over long distances for trade was [blue]difficult and unsafe[/blue].",
"explanationUrdu": "[red]وہ وزنی تھے اور لے جانا مشکل تھا[/red] درست ہے کیونکہ تجارت کے لیے بڑی مقدار میں دھاتی سکوں کو طویل فاصلے تک لے جانا [blue]بہت مشکل اور غیر محفوظ[/blue] کام تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was used as money in China around 118 BC?",
"urdu": "تقریباً 118 قبل مسیح میں چین میں رقم کے طور پر کیا استعمال کیا جاتا تھا؟",
"options": ["Golden cups", "Pieces of leather", "Plastic cards", "Iron bars"],
"correctAnswer": "B",
"explanation": "[red]Pieces of leather[/red] is correct because the Chinese emperor issued [blue]decorated leather sheets[/blue] as an early form of currency.",
"explanationUrdu": "[red]چمڑے کے ٹکڑے (Pieces of leather)[/red] درست ہے کیونکہ چینی بادشاہ نے [blue]چمڑے کے سجے ہوئے ٹکڑوں[/blue] کو ابتدائی کرنسی کے طور پر جاری کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "The leather money used in China in 118 BC was made from the skin of which animal?",
"urdu": "118 قبل مسیح میں چین میں استعمال ہونے والی چمڑے کی کرنسی کس جانور کی کھال سے بنائی گئی تھی؟",
"options": ["Brown bear", "White deer", "Wild lion", "Forest wolf"],
"correctAnswer": "B",
"explanation": "[red]White deer[/red] is correct as the skin of this specific [blue]rare animal[/blue] was cut into decorated squares to serve as high-value currency.",
"explanationUrdu": "[red]سفید ہرن[/red] درست ہے کیونکہ اس [blue]نایاب جانور کی کھال[/blue] کو چوکور ٹکڑوں میں کاٹ کر قیمتی کرنسی کے طور پر استعمال کیا جاتا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where and when was paper currency originally introduced to the world?",
"urdu": "کاغذی کرنسی (Paper currency) کا آغاز سب سے پہلے کب اور کہاں ہوا تھا؟",
"options": ["Europe in 1800 AD", "China in about 806 AD", "India in 500 BC", "America in 1900 AD"],
"correctAnswer": "B",
"explanation": "[red]China in about 806 AD[/red] is correct because the Chinese were the [blue]first to print paper notes[/blue] to replace heavy metal coins.",
"explanationUrdu": "[red]تقریباً 806 عیسوی میں چین میں[/red] درست ہے کیونکہ [blue]چینیوں نے ہی سب سے پہلے[/blue] وزنی دھاتی سکوں کی جگہ کاغذی نوٹ چھاپنے کا آغاز کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When had paper currency been introduced in other parts of the world?",
"urdu": "دنیا کے دوسرے حصوں میں کاغذی کرنسی کا تعارف کب ہوا تھا؟",
"options": ["At the end of eighteenth century", "In 500 BC", "Only recently in 2018", "In 1200 BC"],
"correctAnswer": "A",
"explanation": "[red]At the end of eighteenth century[/red] is correct as it took nearly a thousand years after China for paper money to [blue]become globally widespread[/blue].",
"explanationUrdu": "[red]اٹھارہویں صدی کے آخر میں[/red] درست ہے کیونکہ چین کے بعد دنیا کے باقی حصوں میں [blue]کاغذی نوٹوں کا رواج[/blue] اٹھارہویں صدی میں عام ہوا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What modern material is recently starting to replace traditional paper currency?",
"urdu": "موجودہ دور میں روایتی کاغذی کرنسی کی جگہ کون سے مٹیریل کے نوٹ لے رہے ہیں؟",
"options": ["Wood notes", "Polymer notes", "Iron sheets", "Leather pieces"],
"correctAnswer": "B",
"explanation": "[red]Polymer notes[/red] is correct because these plastic-like bills are [blue]more durable, waterproof[/blue], and harder to counterfeit than paper.",
"explanationUrdu": "[red]پولیمر نوٹ (Polymer notes)[/red] درست ہے کیونکہ [blue]پلاسٹک نما یہ نوٹ[/blue] عام کاغذ کے مقابلے میں زیادہ پائیدار اور واٹر پروف ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which countries were the first to introduce durable polymer notes?",
"urdu": "سب سے پہلے پائیدار پولیمر نوٹ متعارف کرانے والے ممالک کون سے ہیں؟",
"options": ["China and India", "Australia and Indonesia", "America and England", "Japan and Europe"],
"correctAnswer": "B",
"explanation": "[red]Australia and Indonesia[/red] is correct because these two nations pioneered the [blue]technology of printing currency[/blue] on polymer film.",
"explanationUrdu": "[red]آسٹریلیا اور انڈونیشیا[/red] درست ہے کیونکہ ان دو ممالک نے سب سے پہلے [blue]پولیمر فلم پر کرنسی نوٹ چھاپنے[/blue] کی ٹیکنالوجی کا آغاز کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When did banks introduce credit cards and debit cards (plastic money)?",
"urdu": "بینکوں نے کریڈٹ کارڈ اور ڈیبٹ کارڈ (پلاسٹک منی) کب متعارف کرائے؟",
"options": ["In 1200 BC", "In twentieth century", "In eighth century AD", "In 1857 AD"],
"correctAnswer": "B",
"explanation": "[red]In twentieth century[/red] is correct because the 1900s marked the rise of [blue]commercial banking[/blue] and the creation of card-based payment systems.",
"explanationUrdu": "[red]بیسویں صدی میں[/red] درست ہے کیونکہ اس صدی کے دوران [blue]تجارتی بینکوں[/blue] نے کارڈز کے ذریعے ادائیگی کا نظام متعارف کرایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do people easily transfer money to each other in the modern digital era?",
"urdu": "جدید ڈیجیٹل دور میں لوگ ایک دوسرے کو رقم آسانی سے کیسے منتقل کرتے ہیں؟",
"options": ["By sending horses", "Electronically through computerized channels", "By sending paper letters", "By carrying gold bars"],
"correctAnswer": "B",
"explanation": "[red]Electronically through computerized channels[/red] is correct because [blue]mobile banking and internet transfers[/blue] allow instant movement of funds without using physical cash.",
"explanationUrdu": "[red]کمپیوٹرائزڈ چینل کے ذریعے الیکٹرانک طور پر[/red] درست ہے کیونکہ [blue]موبائل بینکنگ اور نیٹ ورک ٹرانسفر[/blue] سے فنڈز کا فوری تبادلہ بغیر نقد رقم کے ممکن ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When did coin making start in the subcontinent?",
"urdu": "برصغیر میں سکے بنانے کا آغاز کب ہوا تھا؟",
"options": ["In 1857 AD", "Beginning of sixth century BC", "In 712 AD", "In 1948 AD"],
"correctAnswer": "B",
"explanation": "[red]Beginning of sixth century BC[/red] is correct because this was the historical era when the [blue]earliest metal currencies[/blue] appeared in India.",
"explanationUrdu": "[red]چھٹی صدی قبل مسیح کے آغاز میں[/red] درست ہے کیونکہ یہ وہ تاریخی دور تھا جب ہندوستان میں پہلی بار [blue]دھاتی سکوں کا رواج[/blue] شروع ہوا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What were the earliest silver coins in the subcontinent called?",
"urdu": "برصغیر کے قدیم ترین چاندی کے سکوں کو کیا کہا جاتا تھا؟",
"options": ["Rupee", "Pana", "Ashrafi", "Anna"],
"correctAnswer": "B",
"explanation": "[red]Pana[/red] is correct because it was the specific historical name for the [blue]silver punch-marked coins[/blue] used in ancient India.",
"explanationUrdu": "[red]پانا (Pana)[/red] درست ہے کیونکہ یہ [blue]چاندی کے ان قدیم سکوں[/blue] کا تاریخی نام تھا جو برصغیر میں استعمال ہوتے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What material were the earliest 'Pana' coins of the subcontinent made of?",
"urdu": "برصغیر کے قدیم ترین 'پانا' سکے کس مواد سے بنے تھے؟",
"options": ["Bronze", "Silver", "Gold", "Copper"],
"correctAnswer": "B",
"explanation": "[red]Silver[/red] is correct because the first mintage of Pana coins relied on [blue]using pure silver[/blue], though they had no definite shape.",
"explanationUrdu": "[red]چاندی (Silver)[/red] درست ہے کیونکہ پانا سکے [blue]خالص چاندی کو پگھلا کر[/blue] بنائے جاتے تھے اگرچہ ان کی کوئی مقررہ شکل نہیں ہوتی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was a key physical feature of the ancient 'Pana' coins?",
"urdu": "قدیم 'پانا' سکوں کی اہم ظاہری خصوصیت کیا تھی؟",
"options": ["Perfect round shape", "No definite shape but had different signs", "Had pictures of British kings", "Made of blue plastic"],
"correctAnswer": "B",
"explanation": "[red]No definite shape but had signs[/red] is correct because these coins were [blue]punch-marked with symbols[/blue] rather than cast in round molds.",
"explanationUrdu": "[red]کوئی خاص شکل نہیں تھی لیکن مختلف نشانات تھے[/red] درست ہے، کیونکہ یہ سکے باقاعدہ سانچے کے بغیر بنتے تھے اور ان پر [blue]مہریں لگی ہوتی تھیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following nations ruled the subcontinent and introduced their own coins?",
"urdu": "درج ذیل میں سے کن اقوام نے برصغیر پر حکومت کی اور اپنے سکے متعارف کرائے؟",
"options": ["Persians and Turks", "Arabs and Greeks", "British", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because each of these conquering empires [blue]introduced their own currency designs[/blue] to reflect their reign.",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ ان تمام فاتح اقوام نے اپنے دورِ حکومت میں اپنے اپنے [blue]ڈیزائن کے سکے جاری کیے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the Arabs conquer the subcontinent, bringing new coin designs?",
"urdu": "عربوں نے برصغیر کو کس سال فتح کیا تھا جس سے سکوں کے نئے ڈیزائن متعارف ہوئے؟",
"options": ["1857 AD", "712 AD", "1948 AD", "806 AD"],
"correctAnswer": "B",
"explanation": "[red]712 AD[/red] is correct because this was the year when Muhammad bin Qasim arrived, leading to [blue]Arab administration and Islamic coins[/blue].",
"explanationUrdu": "[red]712 عیسوی[/red] درست ہے کیونکہ یہ وہ سال تھا جب محمد بن قاسم کی آمد کے بعد [blue]عرب حکومت قائم ہوئی[/blue] اور اسلامی سکے متعارف کرائے گئے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Delhi emperors and Mughal rulers replace symbols with on their coins?",
"urdu": "دہلی کے بادشاہوں اور مغل حکمرانوں نے اپنے سکوں پر موجود علامتوں کو کس سے تبدیل کیا؟",
"options": ["Pictures of animals", "Islamic writings", "English alphabets", "Numbers only"],
"correctAnswer": "B",
"explanation": "[red]Islamic writings[/red] is correct because Muslim rulers preferred using [blue]calligraphy and Quranic verses[/blue] on coins instead of images of living things.",
"explanationUrdu": "[red]اسلامی تحریروں سے[/red] درست ہے کیونکہ مسلم حکمرانوں نے سکوں پر جانداروں کی تصویروں کے بجائے [blue]خطاطی اور کلمہ طیبہ[/blue] کو ترجیح دی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What were the pure gold and silver coins used in the subcontinent during the 13th century called?",
"urdu": "تیرہویں صدی کے دوران برصغیر میں استعمال ہونے والے خالص سونے اور چاندی کے سکوں کو کیا کہا جاتا تھا؟",
"options": ["Rupee", "Ashrafi", "Anna", "Pana"],
"correctAnswer": "B",
"explanation": "[red]Ashrafi[/red] is correct because it was the high-value currency [blue]made of precious metals[/blue] used during the Sultanate period.",
"explanationUrdu": "[red]اشرفی (Ashrafi)[/red] درست ہے کیونکہ یہ [blue]قیمتی دھاتوں سے بنے وہ سکے[/blue] تھے جو تیرہویں صدی میں لین دین کے لیے استعمال ہوتے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who introduced the silver coin called the \"rupee\" in the subcontinent?",
"urdu": "برصغیر میں چاندی کا سکہ جسے \"روپیہ\" (rupee) کہا جاتا تھا، کس نے متعارف کرایا تھا؟",
"options": ["Akbar", "Sher Shah Suri", "Babur", "Shah Jahan"],
"correctAnswer": "B",
"explanation": "[red]Sher Shah Suri[/red] is correct because he reformed the currency system of India by issuing a standard silver coin [blue]named the 'Rupiya'[/blue].",
"explanationUrdu": "[red]شیر شاہ سوری[/red] درست ہے کیونکہ انہوں نے ہندوستان کے مالیاتی نظام میں اصلاحات کرتے ہوئے [blue]چاندی کا سکہ جاری کیا[/blue] جسے روپیہ کہا گیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the British formally occupy the subcontinent, changing the currency?",
"urdu": "انگریزوں نے کس سال برصغیر پر باضابطہ قبضہ کر کے کرنسی تبدیل کی تھی؟",
"options": ["1947 AD", "1857 AD", "1913 AD", "712 AD"],
"correctAnswer": "B",
"explanation": "[red]1857 AD[/red] is correct as this was the year when the [blue]British crown took direct control[/blue] of India after the War of Independence.",
"explanationUrdu": "[red]1857 عیسوی[/red] درست ہے کیونکہ یہ وہ سال تھا جب جنگِ آزادی کے بعد [blue]برطانوی حکومت نے ہندوستان کا کنٹرول[/blue] سنبھال لیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which coins were issued by the British after they occupied the subcontinent in 1857?",
"urdu": "1857 میں برصغیر پر قابض ہونے کے بعد انگریزوں نے کون سے سکے جاری کیے تھے؟",
"options": ["Rupee and Anna", "Pana", "Ashrafi", "Dollar"],
"correctAnswer": "A",
"explanation": "[red]Rupee and Anna[/red] is correct because these were the [blue]official metallic denominations[/blue] established under British colonial rule.",
"explanationUrdu": "[red]روپیہ اور آنا[/red] درست ہے کیونکہ [blue]برطانوی راج[/blue] کے تحت ان دھاتی سکوں کو سرکاری طور پر رائج کیا گیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Whose pictures were present on the coins issued by the British in India?",
"urdu": "انگریزوں کی طرف سے جاری کردہ سکوں پر کس کی تصویریں موجود تھیں؟",
"options": ["Mughal emperors", "British rulers", "Local saints", "Only animals"],
"correctAnswer": "B",
"explanation": "[red]British rulers[/red] is correct because the coins bore the [blue]portrait of the reigning British monarch[/blue] to show authority.",
"explanationUrdu": "[red]برطانوی حکمرانوں کی[/red] درست ہے کیونکہ سکوں پر [blue]برطانوی ملکہ یا بادشاہ کی تصویر[/blue] بنی ہوتی تھی جو ان کی حاکمیت کو ظاہر کرتی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which coin was officially made the national currency during British rule?",
"urdu": "برصغیر راج کے دوران کس سکے کو باضابطہ طور پر سرکاری کرنسی بنایا گیا تھا؟",
"options": ["Anna", "Rupee", "Ashrafi", "Pana"],
"correctAnswer": "B",
"explanation": "[red]Rupee[/red] is correct because the British consolidated the currency system by making the [blue]silver Rupee[/blue] the official legal tender.",
"explanationUrdu": "[red]روپیہ (Rupee)[/red] درست ہے کیونکہ انگریزوں نے [blue]چاندی کے روپے[/blue] کو ملک کا واحد اور باضابطہ قانونی سکہ قرار دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In economics, what is money in the form of coins or paper used in daily life called?",
"urdu": "معاشیات میں روزمرہ زندگی میں استعمال ہونے والے سکوں یا کاغذی نوٹوں کو کیا کہا جاتا ہے؟",
"options": ["Assets", "Currency", "Debt", "Bill"],
"correctAnswer": "B",
"explanation": "[red]Currency[/red] is correct because it is the specific economic term for the [blue]officially accepted system of money[/blue] in common use.",
"explanationUrdu": "[red]کرنسی (Currency)[/red] درست ہے کیونکہ یہ وہ [blue]معاشی اصطلاح[/blue] ہے جو کسی ملک میں لین دین کے لیے استعمال ہونے والے سرکاری نوٹوں اور سکوں کے لیے استعمال ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the official currency of Pakistan?",
"urdu": "پاکستان کی سرکاری کرنسی کون سی ہے؟",
"options": ["Dollar", "Rupee", "Riyal", "Pound"],
"correctAnswer": "B",
"explanation": "[red]Rupee[/red] is correct because the [blue]Pakistani Rupee (PKR)[/blue] is the legal tender issued and controlled by the State Bank of Pakistan.",
"explanationUrdu": "[red]روپیہ (Rupee)[/red] درست ہے کیونکہ [blue]پاکستانی روپیہ[/blue] ملک کی وہ باضابطہ کرنسی ہے جو اسٹیٹ بینک آف پاکستان جاری کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is the official currency of Saudi Arabia?",
"urdu": "درج ذیل میں سے کون سا سعودی عرب کی سرکاری کرنسی ہے؟",
"options": ["Lira", "Dollar", "Riyal", "Pound"],
"correctAnswer": "C",
"explanation": "[red]Riyal[/red] is correct because the [blue]Saudi Riyal (SAR)[/blue] is the official money used in the Kingdom of Saudi Arabia.",
"explanationUrdu": "[red]ریال (Riyal)[/red] درست ہے کیونکہ [blue]سعودی ریال[/blue] وہاں کی باضابطہ سرکاری کرنسی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides buying physical goods, what else do we obtain in exchange for money?",
"urdu": "مادی اشیاء خریدنے کے علاوہ، ہم رقم کے بدلے اور کیا حاصل کرتے ہیں؟",
"options": ["Weather changes", "Services (like mechanics or masons)", "Free gifts", "Only roads"],
"correctAnswer": "B",
"explanation": "[red]Services (like mechanics or masons)[/red] is correct because we pay money to professionals for their [blue]labor, skills, and help[/blue] to fulfill our daily needs.",
"explanationUrdu": "[red]خدمات (Services)[/red] درست ہے کیونکہ ہم اپنی ضروریات کے لیے [blue]کاریگروں، معماروں یا ڈاکٹروں کی مہارت[/blue] حاصل کرنے کے لیے انہیں رقم ادا کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of institution is a bank in the economic system?",
"urdu": "معاشی نظام میں بینک کس قسم کا ادارہ ہوتا ہے؟",
"options": ["Agricultural farm", "Financial and commercial institution", "Only educational school", "Legal court"],
"correctAnswer": "B",
"explanation": "[red]Financial and commercial institution[/red] is correct because a bank [blue]manages money, offers loans[/blue], and conducts business transactions.",
"explanationUrdu": "[red]مالیاتی اور تجارتی ادارہ[/red] درست ہے کیونکہ بینک [blue]رقم کے لین دین کو سنبھالتا ہے[/blue]، قرضے فراہم کرتا ہے اور کاروباری سرگرمیاں چلاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why do people keep their surplus (extra) money in a bank?",
"urdu": "لوگ اپنی فالتو (زائد) رقم بینک میں کیوں رکھتے ہیں؟",
"options": ["For safety", "To make it light", "To hide it from family", "Only to get interest"],
"correctAnswer": "A",
"explanation": "[red]For safety[/red] is correct because banks provide [blue]secure vaults and accounts[/blue], protecting people's savings from theft and loss.",
"explanationUrdu": "[red]حفاظت کے لیے[/red] درست ہے کیونکہ بینک لوگوں کی جمع پونجی کو چوری یا گم ہونے سے محفوظ رکھنے کے لیے ایک [blue]محفوظ نظام فراہم کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following services is provided by a commercial bank?",
"urdu": "درج ذیل میں سے کون سا کام ایک کمرشل بینک کی طرف سے فراہم کردہ سروس ہے؟",
"options": ["Providing loans and transferring money", "Collecting utility bills and Hajj applications", "Providing safety lockers for jewelry", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because commercial banks offer [blue]loans, bill payments, money transfers[/blue], and safe lockers.",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ بینک [blue]قرض دینے، بل جمع کرنے، فنڈز ٹرانسفر کرنے[/blue] اور لاکر کی سہولت فراہم کرنے جیسے تمام کام کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the name of Pakistan's central bank that supervises the whole economy?",
"urdu": "پاکستان کے اس مرکزی بینک کا نام کیا ہے جو پورے ملک کی معیشت کی نگرانی کرتا ہے؟",
"options": ["National Bank", "State Bank of Pakistan", "Allied Bank", "Habib Bank"],
"correctAnswer": "B",
"explanation": "[red]State Bank of Pakistan[/red] is correct because the SBP is the supreme financial institution [blue]responsible for regulating the monetary policy[/blue].",
"explanationUrdu": "[red]اسٹیٹ بینک آف پاکستان[/red] درست ہے کیونکہ یہ ملک کا مرکزی بینک ہے جو [blue]پوری معیشت اور تمام بینکوں کی پالیسیوں[/blue] کی نگرانی کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year was the State Bank of Pakistan founded?",
"urdu": "اسٹیٹ بینک آف پاکستان کی بنیاد کس سال رکھی گئی تھی؟",
"options": ["1947 AD", "1948 AD", "1956 AD", "1973 AD"],
"correctAnswer": "B",
"explanation": "[red]1948 AD[/red] is correct because the central bank was officially [blue]inaugurated by Quaid-e-Azam[/blue] on July 1, 1948, after independence.",
"explanationUrdu": "[red]1948 عیسوی[/red] درست ہے کیونکہ آزادی کے بعد یکم جولائی 1948 کو [blue]قائد اعظم نے باضابطہ طور پر[/blue] اس مرکزی بینک کا افتتاح کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is the headquarter of the State Bank of Pakistan located?",
"urdu": "اسٹیٹ بینک آف پاکستان کا ہیڈ کوارٹر کس شہر میں واقع ہے؟",
"options": ["Islamabad", "Lahore", "Karachi", "Peshawar"],
"correctAnswer": "C",
"explanation": "[red]Karachi[/red] is correct because the main administrative building and [blue]headquarters of the State Bank[/blue] are situated in this port city.",
"explanationUrdu": "[red]کراچی[/red] درست ہے کیونکہ اسٹیٹ بینک آف پاکستان کا [blue]مرکزی دفتر اور ہیڈ کوارٹر[/blue] اسی شہر میں واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is a major function of the State Bank of Pakistan?",
"urdu": "درج ذیل میں سے اسٹیٹ بینک آف پاکستان کا ایک بڑا کام کون سا ہے؟",
"options": ["Issuing currency notes", "Supervising other banks", "Custodian of foreign exchange reserves", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the State Bank is tasked with [blue]printing money, regulating commercial banks[/blue], and managing reserves.",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ اسٹیٹ بینک [blue]نئے نوٹ چھاپنے، دوسرے بینکوں کی نگرانی کرنے اور ملکی ذخائر کو محفوظ رکھنے[/blue] کا ذمہ دار ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are foreign currency, gold, and other financial assets kept in the central bank called?",
"urdu": "مرکزی بینک میں محفوظ غیر ملکی کرنسی، سونے اور دیگر مالیاتی اثاثوں کو کیا کہا جاتا ہے؟",
"options": ["Local savings", "Foreign exchange reserves", "Paper currency", "Direct loans"],
"correctAnswer": "B",
"explanation": "[red]Foreign exchange reserves[/red] is correct because these assets are held by the central bank to [blue]back the currency[/blue] and secure international trade.",
"explanationUrdu": "[red]زرِ مبادلہ کے ذخائر (Foreign exchange reserves)[/red] درست ہے کیونکہ یہ وہ [blue]بیرونی اثاثے[/blue] ہیں جو ملکی معیشت کی مضبوطی اور بین الاقوامی تجارت کے لیے محفوظ رکھے جاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8J4Lrt-gEIrZyUWcPhGiMUPwHwYldnB7IZIYKNh36H4JPiF7w9vTjZRi5-vqdUPGbPWXIm1xDQuF-1oRMut9XMLizAM4_Y72mDrUwM548cVCLH_C9wm2ztdrIOnHIqFBjmTZ07AaMPMSAL8XVpSby9-GsK0b8iU27ofgWyaMeYLolWfoKq_GxXeeCLg/s1600/Social%20Studies%205th%20Class%20Chapter%206.2.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-65433729703532268322026-07-14T08:00:00.000+05:002026-07-14T08:00:00.124+05:005th Class Social Studies MCQs | Entrepreneurship (کاروباری صلاحیت) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies MCQs Preparation | Entrepreneurial Mindset, Business Types & Innovation | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Free Class 5 Entrepreneurship MCQs test with answers – business types, entrepreneurial mindset & behaviors. Practice on PakMCQs!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: Entrepreneurship (کاروباری صلاحیت) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | Entrepreneurship (کاروباری صلاحیت) | PakMCQs",
"description": "Study 5th Class Social Studies Chapter 6.1 – Entrepreneurship with complete notes, learning outcomes, the entrepreneurial mindset, types of entrepreneurial businesses, modernisation, and behaviors that make a business successful.",
"articleBody": "This educational resource covers Chapter 6.1 of the 5th Class Social Studies curriculum: Entrepreneurship. It provides solved MCQs and conceptual knowledge on entrepreneurship as the practice of adopting activities for earning profit and creating opportunities, explained through Razia's orange juice business story. The chapter explains the entrepreneurial mindset, which involves spotting new opportunities and learning from failure, and describes small business entrepreneurship, where one person owns and manages the business, versus large company entrepreneurship, where profits and losses are shared among multiple owners. It covers different types of entrepreneurial businesses, including industrial, agricultural, trading, social, and services entrepreneurship, along with the example of Dr. Muhammad Amjad Saqib and his organization Akhuwat. The chapter also explains modernisation and innovation in business, and highlights key entrepreneurial behaviors such as positive attitude, creativity, persuasiveness, and learning from failure that contribute to business success. Ideal for students preparing for school exams and building early business awareness on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Entrepreneurship MCQs",
"کاروباری صلاحیت MCQs",
"Entrepreneurial Mindset MCQs",
"Small and Large Business Entrepreneurship MCQs",
"Social Entrepreneurship MCQs",
"Dr Amjad Saqib Akhuwat MCQs",
"Entrepreneurial Behaviors Class 5",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iXIzhdsaNX47FGZ9zylcF7trDEQD_Z7D0dptolxy54VlVPqbBYZdwFtA6FX7sQHpZkku0cdkTQe8GLNpVa541UFKwN9o5mUSZOrB5fwSTqifTVa1aGnnEZmKPoBoxYXrbHKYp447Pq6aQPVsXdEs70GEGrqTQ_MHwe0njPdFYGPLEt0E8MK7xNIA1g/s1600/Social%20Studies%205th%20Class%20Chapter%206.1.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - Entrepreneurship (کاروباری صلاحیت)"
},
"datePublished": "2026-07-14",
"dateModified": "2026-07-14",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iXIzhdsaNX47FGZ9zylcF7trDEQD_Z7D0dptolxy54VlVPqbBYZdwFtA6FX7sQHpZkku0cdkTQe8GLNpVa541UFKwN9o5mUSZOrB5fwSTqifTVa1aGnnEZmKPoBoxYXrbHKYp447Pq6aQPVsXdEs70GEGrqTQ_MHwe0njPdFYGPLEt0E8MK7xNIA1g/s1600/Social%20Studies%205th%20Class%20Chapter%206.1.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-Entrepreneurship-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"Business Awareness Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Business and Economic Literacy",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Entrepreneurship" },
{ "@type": "Thing", "name": "Entrepreneurial Mindset" },
{ "@type": "Thing", "name": "Small Business Entrepreneurship" },
{ "@type": "Thing", "name": "Large Company Entrepreneurship" },
{ "@type": "Thing", "name": "Social Entrepreneurship" },
{ "@type": "Thing", "name": "Akhuwat" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for Entrepreneurship (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is entrepreneurship?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Entrepreneurship is the process of starting a business, creating new opportunities, and earning profit by providing useful goods or services."
}
},
{
"@type": "Question",
"name": "What is an entrepreneurial mindset?",
"acceptedAnswer": {
"@type": "Answer",
"text": "An entrepreneurial mindset is the ability to identify new opportunities, solve problems creatively, learn from failures, and improve a business."
}
},
{
"@type": "Question",
"name": "What is a small business entrepreneurship?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A small business entrepreneurship is a business owned and managed by one person, who is responsible for its profit and loss. Examples include grocery stores, salons, and repair shops."
}
},
{
"@type": "Question",
"name": "What is a large company entrepreneurship?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Large company entrepreneurship involves one or more owners managing a large business that employs many people, such as textile mills, hotels, shopping malls, and vehicle showrooms."
}
},
{
"@type": "Question",
"name": "What are the main types of entrepreneurship?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The main types of entrepreneurship are: Industrial, Agricultural, Trading, Services, and Social Entrepreneurship."
}
},
{
"@type": "Question",
"name": "What is industrial entrepreneurship?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Industrial entrepreneurship involves producing goods by using raw materials, machines, technology, and workers to meet people's needs."
}
},
{
"@type": "Question",
"name": "What is agricultural entrepreneurship?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Agricultural entrepreneurship includes growing crops, orchards, raising livestock, forestry, and producing agricultural products for sale."
}
},
{
"@type": "Question",
"name": "Why is innovation important in entrepreneurship?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Innovation helps businesses improve products, introduce new services, satisfy customers, and stay competitive in the market."
}
},
{
"@type": "Question",
"name": "What qualities make a successful entrepreneur?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A successful entrepreneur should have a positive attitude, creativity, persuasive communication skills, and the ability to learn from failures."
}
},
{
"@type": "Question",
"name": "Who is Dr. Muhammad Amjad Saqib and why is he famous?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Dr. Muhammad Amjad Saqib is a Pakistani social entrepreneur and the founder of Akhuwat, an organization that provides interest-free loans. He is known for promoting education, social welfare, and helping needy people."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iXIzhdsaNX47FGZ9zylcF7trDEQD_Z7D0dptolxy54VlVPqbBYZdwFtA6FX7sQHpZkku0cdkTQe8GLNpVa541UFKwN9o5mUSZOrB5fwSTqifTVa1aGnnEZmKPoBoxYXrbHKYp447Pq6aQPVsXdEs70GEGrqTQ_MHwe0njPdFYGPLEt0E8MK7xNIA1g/s1600/Social%20Studies%205th%20Class%20Chapter%206.1.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>5th Class Social Studies MCQs – Entrepreneurship | PakMCQs</h1>
<p>Master 5th Class Social Studies Chapter 6.1 – Entrepreneurship with a free online CBT Test and important MCQs. Learn the meaning of entrepreneurship and entrepreneurial mindset, types of businesses (Industrial, Agricultural, Trading, Services, and Social Entrepreneurship), the story of Dr. Muhammad Amjad Saqib and Akhuwat, and key entrepreneurial behaviors like positive attitude, creativity, and persuasiveness. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>Entrepreneurship | انٹرپرینیورشپ (صنعت کاری)
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 6.1: Entrepreneurship (Sanat-kari / Karobari Maharat)</h3>
<p>Mukhtalif log mukhtalif karobar se jure hain aur kuch na kuch karte hain. Kuch log phal (fruits) bechte hain aur kuch doosre gosht bechte hain. Kuch kapde seete hain aur kuch jootay ganth-te (cobble) hain. Is tarah, mukhtalif log apne hunar (skills) ka istemal karte hain aur mulazmat ke mawaqe (employment opportunities) paida karte hain. Karobar ke naye tareeqon ko <span class="highlight-word" style="color: #27ae60; font-weight: bold;">entrepreneurship (sanat-kari)</span> mein shamil kiya jata hai.</p>
<p>Munafa (profit) kamane ke liye makhsoos sargarmiyon ko apnana, aesi sargarmiyon ke liye mawaqe paida karna aur un se faida uthana entrepreneurship kehlata hai. Aayein ek kahani ki madad se entrepreneurship ko samajhte hain.</p>
<p>Ek dia Razia bagh mein jhoola jhool rahi thi. Us ne zameen par bohot se santare (oranges) gire hue dekhe. Us ne socha ke yeh uske khandan ki zarooriyat se zyada hain. "Mujhe itne zyada santaron ka kya karna chahiye?" Us ne socha. Jab wo oranges ke bare mein soch rahi thi, us ne apni maa ko orange juice le kar apni taraf aate dekhe. Jab wo juice pee rahi thi, to use orange juice ka karobar shuru karne ka khyal aaya. Us ne is khyal ke bare mein apne bare bhai ko bataya. Use yeh khyal pasand aaya aur us ne orange juice ka karobar shuru karne ka plan banaya. Us ne aur uske baap ne orange juice ke ek glass ki qeemat tay ki jis mein iski laagat (cost) aur munafa (profit) shamil tha.</p>
<div style="background: #fdf2f2; padding: 15px; border-radius: 8px; border-left: 5px solid #c0392b; font-family: monospace; font-size: 15px; margin: 15px 0; text-align: center;">
<b>Oranges (Santare) + salt (namak) + juice machine + glass + ice (baraf) + profit (munafa) = price (qeemat)</b>
</div>
<p>Planning mukammal karne ke baad unho ne orange juice ki ek dukaahn kholi. Pehle din kuch logon ne unki dukaahn se juice khareeda aur doosre din bhi yahi haal raha. Razia ne dekha ke unki dukaahn ke qareeb ek aur thanday sharbath (cold drinks) ki dukaahn thi, is liye bohot se log unki dukaahn par nahi aate the. Us ne socha ke apni dukaahn ki taraf zyada logon ko kaise mutawajjah kiya jaye.</p>
<p>Us ne apne plan mein kuch tabdeelyon ki. Us ne orange juice ko botalon mein dala. Is ke elawa, us ne apne juice ka ek ishtihar (advertisement) banaya. Us ne ek bare chart par taze juice ki ahmiyat aur faidon ke bare mein kuch jumle likhe. Us ne ishtihar mein orange ki tasaveer bhi banayin. Us ne ise apni dukaahn ke samne ek board par lagaya. Ishtihar ke baad juice ki bikri (sale) barh gayi. Is se unka karobar kamyab ho gaya. Agar aap karobar shuru karne ke liye Razia ki tarah sochte hain, to iska matlab hai ke aap ke paas <span class="highlight-word" style="color: #2980b9; font-weight: bold;">entrepreneurial mindset (karobari zehniyat)</span> hai.</p>
<p>Agar aap faida uthane ke liye naye mawaqe talash karte hain aur apni nakamiyon se seekhte hain aur un par qabu pate hain, to iska matlab hai ke aap ke paas entrepreneurial mindset hai. Karobar shuru karne se pehle, logon ke mutalabaat (demands) ke bare mein janna zaroori hai. Karobar hamesha logon ki demands ke mutabiq shuru kiya jata hai. <span class="highlight-word" style="color: #27ae60;">Entrepreneurs</span> maashi taraqqi (economic growth) ko frough dete hain. Wo jobs paida karte hain. Wo goods aur services faraham karte hain jo logon ke liye faide-mand hoti hain.</p>
<h4 style="color: #3498db;">Types of Entrepreneurial Businesses (Entrepreneurial Businesses ki Aqsaam)</h4>
<p>Entrepreneurial business ki darj-zail mukhtalif aqsaam hain jese ke choti satah ka karobar (small scale business entrepreneurship) aur bari satah ka karobar (large scale company entrepreneurship). Karobar local (muqami), national (qoumi) aur international (bain-al-aqwami) satah par chalaye jate hain.</p>
<ul>
<li>• <span style="color: #2980b9; font-weight: bold;">Small business entrepreneurship</span> wo hai jis mein entrepreneur karobar ka malik hota hai. Wo khud hi nafa aur nuqsan ka zimmadar hota hai. Salon, grocery store (karyana ki dukaahn), travel agency, lakri ka kaam (carpentry), plumber, electric store wagera small business entrepreneurship ki misalein hain.</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">Large company entrepreneurship</span> mein ek ya ek se zyada log karobar ke malik ho sakte hain. Jab logon ka ek group karobar chalata hai, to wo nafa aur nuqsan mein barabar ke shareek hote hain. Aese karobar mein bohot se log mulazmat (employed) karte hain. Textile mills, hotels, gariyon ke showrooms, shopping malls wagera large entrepreneurship ki misalein hain.</li>
</ul>
<p>Log choti aur bari satah par mukhtalif karobar karte hain. Aayein unke bare mein parhte hain:</p>
<p>• <b>Industrial entrepreneurship</b> goods ki paidawar (production) se juri hai. Entrepreneurs logon ki zarooriyat ko pehchante hain. Wo unki zarooriyat ko poora karne ke liye sanatein (industries) qayam karte hain. Wo is ke liye wasail ka intezam karte hain. Wo kachay maal (raw material) se mazdooron, machines aur technology ki madad se cheezein banate hain.</p>
<p>• <b>Agricultural entrepreneurship</b> ka karobar faslein ugane, baghaat ugane, janwar paalne aur darakht lagane se lekar zarai products banane aur bechne par mushtamil hota hai. Farming, baghbani (horticulture/gardening) aur jangalbaat (forests) agricultural entrepreneurship ki kuch aqsaam hain. Zarai entrepreneurs ise behtar banane ke liye naye tareeqay mutaraf karwate rehte hain.</p>
<p>• <b>Trading entrepreneurship</b> ke karobar mein, entrepreneurs bani banayi products khareedte hain aur unhe customers ko bechte hain. Wo apne karobar ko mazeed asar-dar banane ke liye naye tareeqay apnate hain.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #16a085;"><strong>Do you want to know more? (Social Entrepreneurship / Samaji Karobar)</strong><br>
Yeh logon ya logon ke groups ki ek tanzeem hoti hai jo samaji, maashi aur mahooliyati masail ko hal karne ke liye naye tareeqay istemal karti hai. Yeh samaj ki taraqqi aur logon ke welfare ke liye kaam karti hai. In mein welfare, sehat aur taleemi programs shamil hain.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #16a085;"><strong>Do you want to know more? (Dr. Muhammad Amjad Saqib)</strong><br>
<span style="color: #27ae60; font-weight: bold;">Dr. Muhammad Amjad Saqib</span> ek musannif (author) aur social entrepreneur hain. Unka taluq Pakistan se hai. Wo sab se bari Islamic microfinance tanzeem <b>'Akhuwat'</b> ke bani hain. Yeh tanzeem zaroorat-mand logon ko bila-sood qarzay (interest free loans) faraham karti hai. Is ne Pakistan ki pehli muft university (cost free university) bhi shuru ki hai. Dr. Muhammad Amjad ko unki khidmaat par government of Pakistan ki taraf se 'Sitara-e-Imtiaz' se nawaza gaya hai. 2018 mein, World Economic Forum ne unhe saal ke behtareen social entrepreneur ke khitab se nawaza.</p>
<p>• <b>Service entrepreneurship</b> karobar mein services faraham karne wali tanzeemein shamil hain. Yeh tanzeemein logon aur doosri tanzeemon ko mashwaray (consultation) aur peshawarana salahiyatein (professional skills) faraham karti hain. Is mein schools, hospitals, banks, consultants, law firms (qanooni idare), salons aur repair ki dukaanein shamil hain.</p>
<p>• <b>Jiddat (Innovation):</b> Jab koi tanzeem apne karobar ko behtar banane ke liye naye products, services ya tareeqay mutaraf karwati hai, to ise jiddat (innovation) kaha jata hai. Misal ke tor par, washing machine banane wali ek company ne aesi machine mutaraf karwayi hai jo na sirf kapde dhoti hai balki unhe khud-kaar (automatically) tor par sukha bhi deti hai. Ek aur misal car company ki taraf se electric car ka banana hai.</p>
<h4 style="color: #3498db;">Karobari Rawayye (Behaviors)</h4>
<p>Aksar auqat kisi karobar ki kamyabi ya nakami ki wajah karobar se jure rawayye (behaviors) hote hain. Aayein un rawayyon ke bare mein jaante hain jo karobar ko kamyab banate hain:</p>
<p>1. <span style="font-weight: bold; color: #27ae60;">Musbat rawayya (positive behavior):</span> Musbat rawayya ek kamyab karobar ki taraf pehla qadam hai. Musbat rawayye ka matlab hai ke aap mushkil-tareen halat mein bhi pur-umeed rahein aur apne karobar ko barhane ke bare mein sochein. Yeh karobar ko behtar banane mein madad karta hai.</p>
<p>2. <span style="font-weight: bold; color: #8e44ad;">Takhleeqi zehn (creative mind):</span> Ek entrepreneur ka zehn hamesha naye ideas ki talash mein rehta hai. Naye ideas products mein jiddat (innovation) paida karte hain. Ek takhleeqi zehn rakhne wala entrepreneur hamesha sochta hai ke cheezon ko kaise behtar aur mukhtalif banaya jaye.</p>
<p>3. <span style="font-weight: bold; color: #2980b9;">Qail karne ki مہارت (persuasion skills):</span> Agar aap guftagu ke zariye logon ko apni products khareedne par qail (persuade) kar sakte hain, to aap ek achay karobari shakhs hain. Is skill ka istemal karte hue, aap apne customers ke sath apne taluqaat ko behtar bana sakte hain. Yeh aap ke karobar ke liye faide-mand sabit ho sakta hai.</p>
<p>4. <span style="font-weight: bold; color: #d35400;">Umeed aur istiqamat:</span> Jab aap karobar shuru karte hain to kamyabi ki umeed rakhte hain. Kamyabi ki umeed rakhna zaroori hai. Lekin aap ko nakamiyon se darna nahi chahiye. Apne karobar ko behtar banane ke liye apni galtiyon se seekhein. Apni nakamiyon se mayoos na hon. Pur-umeed rahein aur apni manzil (goal) ko hasil karne ke liye jado-jehad jari rakhein.</p>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 6.1</h3>
<h4 style="color: #3498db;">انٹرپرینیورشپ (صنعت کاری / کاروباری مہارت)</h4>
<p>مختلف لوگ مختلف کاروبار سے جڑے ہیں اور کچھ نہ کچھ کرتے ہیں۔ کچھ لوگ پھل (فروٹس) بیچتے ہیں اور کچھ دوسرے گوشت بیچتے ہیں۔ کچھ کپڑے سیتے ہیں اور کچھ جوتے گانٹھتے (کوبل کرتے) ہیں۔ اس طرح، مختلف لوگ اپنے ہنر (اسکلز) کا استعمال کرتے ہیں اور ملازمت کے مواقع (امپلائمنٹ اپرچونیٹیز) پیدا کرتے ہیں۔ کاروبار کے نئے طریقوں کو <span class="highlight-word" style="color: #27ae60; font-weight: bold;">انٹرپرینیورشپ (صنعت کاری)</span> میں شامل کیا جاتا ہے۔</p>
<p>منافع (پرافٹ) کمانے کے لیے مخصوص سرگرمیوں کو اپنانا، ایسی سرگرمیوں کے لیے مواقع پیدا کرنا اور ان سے فائدہ اٹھانا انٹرپرینیورشپ کہلاتا ہے۔ آئیے ایک کہانی کی مدد سے انٹرپرینیورشپ کو سمجھتے ہیں:</p>
<p>ایک دن رضیہ باغ میں جھولا جھول رہی تھی۔ اس نے زمین پر بہت سے سنترے (اورنجز) گرے ہوئے دیکھے۔ اس نے سوچا کہ یہ اس کے خاندان کی ضروریات سے زیادہ ہیں۔ "مجھے اتنے زیادہ سنتروں کا کیا کرنا چاہیے؟" اس نے سوچا۔ جب وہ اورنجز کے بارے میں سوچ رہی تھی، اس نے اپنی ماں کو اورنج جوس لے کر اپنی طرف آتے دیکھا. جب وہ جوس پی رہی تھی، تو اسے اورنج جوس کا کاروبار شروع کرنے کا خیال آیا۔ اس نے اس خیال کے بارے میں اپنے بڑے بھائی کو بتایا۔ اسے یہ خیال پسند آیا اور اس نے اورنج جوس کا کاروبار شروع کرنے کا پلان بنایا. اس نے اور اس کے باپ نے اورنج جوس کے ایک گلاس کی قیمت طے کی جس میں اس کی لاگت (کاسٹ) اور منافع (پرافٹ) شامل تھا:</p>
<div style="background: #fdf2f2; padding: 15px; border-radius: 8px; border-right: 5px solid #c0392b; font-family: monospace; font-size: 15px; margin: 15px 0; text-align: center;" dir="rtl">
<b>سنترے (اورنجز) + نمک + جوس مشین + گلاس + برف (آئس) + منافع (پرافٹ) = قیمت (پرائس)</b>
</div>
<p>پلاننگ مکمل کرنے کے بعد انہوں نے اورنج جوس کی ایک دکان کھولی۔ پہلے دن کچھ لوگوں نے ان کی دکان سے جوس خریدا اور دوسرے دن بھی یہی حال رہا۔ رضیہ نے دیکھا کہ ان کی دکان کے قریب ایک اور ٹھنڈے شربت (کولڈ ڈرنکس) کی دکان تھی، اس لیے بہت سے لوگ ان کی دکان پر نہیں آتے تھے۔ اس نے سوچا کہ اپنی دکان کی طرف زیادہ لوگوں کو کیسے متوجہ کیا جائے۔</p>
<p>اس نے اپنے پلان میں کچھ تبدیلیوں کی۔ اس نے اورنج جوس کو بوتلوں میں ڈالا۔ اس کے علاوہ، اس نے اپنے جوس کا ایک اشتہار (ایڈورٹائزمنٹ) بنایا۔ اس نے ایک بڑے چارٹ پر تازہ جوس کی اہمیت اور فائدوں کے بارے میں کچھ جملے لکھے۔ اس نے اشتہار میں اورنج کی تصاویر بھی بنائیں۔ اس نے اسے اپنی دکان کے سامنے ایک بورڈ پر لگایا۔ اشتہار کے بعد جوس کی بکری (سیل) بڑھ گئی۔ اس سے ان کا کاروبار کامیاب ہو گیا۔ اگر آپ کاروبار شروع کرنے کے لیے رضیہ کی طرح سوچتے ہیں، تو اس کا مطلب ہے کہ آپ کے پاس <span class="highlight-word" style="color: #2980b9; font-weight: bold;">انٹرپرینیوریل مائنڈ سیٹ (کاروباری ذہنیت)</span> ہے۔</p>
<p>اگر آپ فائدہ اٹھانے کے لیے نئے مواقع تلاش کرتے ہیں اور اپنی ناکامیوں سے سیکھتے ہیں اور ان پر قابو پاتے ہیں، تو اس کا مطلب ہے کہ آپ کے پاس انٹرپرینیوریل مائنڈ سیٹ ہے۔ کاروبار شروع کرنے سے پہلے، لوگوں کے مطالبات (ڈیمانڈز) کے بارے میں جاننا ضروری ہے۔ کاروبار ہمیشہ لوگوں کی ڈیمانڈز کے مطابق شروع کیا جاتا ہے۔ <span class="highlight-word" style="color: #27ae60;">انٹرپرینیورز</span> معاشی ترقی (اکنامک گروتھ) کو فروغ دیتے ہیں۔ وہ جابز پیدا کرتے ہیں۔ وہ گڈز اور سروسز فراہم کرتے ہیں جو لوگوں کے لیے فائدہ مند ہوتی ہیں۔</p>
<h4 style="color: #3498db;">انٹرپرینیوریل بزنسز کی اقسام (Types of Entrepreneurial Businesses)</h4>
<p>انٹرپرینیوریل بزنس کی درج ذیل مختلف اقسام ہیں جیسے کہ چھوٹی سطح کا کاروبار (اسمال اسکیل بزنس انٹرپرینیورشپ) اور بڑی سطح کا کاروبار (لارج اسکیل کمپنی انٹرپرینیورشپ)۔ کاروبار لوکل (مقامی)، نیشنل (قومی) اور انٹرنیشنل (بین الاقوامی) سطح پر چلائے جاتے ہیں۔</p>
<ul>
<li>• <span style="color: #2980b9; font-weight: bold;">اسمال بزنس انٹرپرینیورشپ:</span> یہ وہ کاروبار ہے جس میں انٹرپرینیور خود کاروبار کا مالک ہوتا ہے۔ وہ خود ہی نفع اور نقصان کا ذمہ دار ہوتا ہے۔ سیلون، گروسری اسٹور (کریانہ کی دکان)، ٹریول ایجنسی، لکڑی کا کام (کارپینٹری)، پلمبر، الیکٹرک اسٹور وغیرہ اسمال بزنس انٹرپرینیورشپ کی مثالیں ہیں۔</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">لارج کمپنی انٹرپرینیورشپ:</span> اس میں ایک یا ایک سے زیادہ لوگ کاروبار کے مالک ہو سکتے ہیں۔ جب لوگوں کا ایک گروپ کاروبار چلاتا ہے، تو وہ نفع اور نقصان میں برابر کے شریک ہوتے ہیں۔ ایسے کاروبار میں بہت سے لوگ ملازمت (امپلائڈ) کرتے ہیں۔ ٹیکسٹائل ملز، ہوٹلز، گاڑیوں کے شو رومز، شاپنگ مالز وغیرہ لارج انٹرپرینیورشپ کی مثالیں ہیں۔</li>
</ul>
<p>لوگ چھوٹی اور بڑی سطح پر مختلف کاروبار کرتے ہیں۔ آئیے ان کے بارے میں پڑھتے ہیں:</p>
<p>• <b>انڈسٹریل انٹرپرینیورشپ:</b> یہ گڈز کی پیداوار (پروڈکشن) سے جڑی ہے۔ انٹرپرینیورز لوگوں کی ضروریات کو پہچانتے ہیں۔ وہ ان کی ضروریات کو پورا کرنے کے لیے صنعتیں (انڈسٹریز) قائم کرتے ہیں۔ وہ اس کے لیے وسائل کا انتظام کرتے ہیں۔ وہ کچے مال (را میٹیریل) سے مزدوروں، مشینوں اور ٹیکنالوجی کی مدد سے چیزیں بناتے ہیں۔</p>
<p>• <b>ایگریکلچرل انٹرپرینیورشپ:</b> یہ کاروبار فصلیں اگانے، باغات اگانے, جانور پالنے اور درخت لگانے سے لے کر زرعی پروڈکٹس بنانے اور بیچنے پر مشتمل ہوتا ہے۔ فارمنگ, باغبانی (ہارٹیکلچر/گارڈننگ) اور جنگلات (فارسٹس) ایگریکلچرل انٹرپرینیورشپ کی کچھ اقسام ہیں۔ زرعی انٹرپرینیورز اسے بہتر بنانے کے لیے نئے طریقے متعارف کرواتے رہتے ہیں۔</p>
<p>• <b>ٹریڈنگ انٹرپرینیورشپ:</b> اس طرح کے کاروبار میں، انٹرپرینیورز بنی بنائی پروڈکٹس خریدتے ہیں اور انہیں کسٹمرز کو بیچتے ہیں۔ وہ اپنے کاروبار کو مزید اثر دار بنانے کے لیے نئے طریقے اپناتے ہیں۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #16a085;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟ (سوشل انٹرپرینیورشپ / سماجی کاروبار)</strong><br>
یہ لوگوں یا لوگوں کے گروپس کی ایک تنظیم ہوتی ہے جو سماجی، معاشی اور ماحولیاتی مسائل کو حل کرنے کے لیے نئے طریقے استعمال کرتی ہے۔ یہ سماج کی ترقی اور لوگوں کے ویلفیئر (بہبود) کے لیے کام کرتی ہے۔ ان میں ویلفیئر، صحت اور تعلیمی پروگرامز شامل ہیں۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #16a085;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟ (ڈاکٹر محمد امجد ثاقب)</strong><br>
<span style="color: #27ae60; font-weight: bold;">ڈاکٹر محمد امجد ثاقب</span> ایک مصنف (آتھر) اور سوشل انٹرپرینیور ہیں۔ ان کا تعلق پاکستان سے ہے۔ وہ سب سے بڑی اسلامک مائیکروفائنانس تنظیم <b>'اخوت'</b> کے بانی ہیں۔ یہ تنظیم ضرورت مند لوگوں کو بلا سود قرضے (انٹرسٹ فری لونز) فراہم کرتی ہے۔ اس نے پاکستان کی پہلی مفت یونیورسٹی (کاسٹ فری یونیورسٹی) بھی شروع کی ہے۔ ڈاکٹر محمد امجد کو ان کی خدمات پر گورنمنٹ آف پاکستان کی طرف سے 'ستارہِ امتیاز' سے نوازا گیا ہے۔ 2018 میں، ورلڈ اکنامک فورم نے انہیں سال کے بہترین سوشل انٹرپرینیور کے خطاب سے نوازا۔</p>
<p>• <b>سروس انٹرپرینیورشپ:</b> اس کاروبار میں سروسز فراہم کرنے والی تنظیمیں شامل ہیں۔ یہ تنظیمیں لوگوں اور دوسری تنظیموں کو مشورے (کنسلٹیشن) اور پیشہ ورانہ صلاحیتیں (پروفیشنل اسکلز) فراہم کرتی ہیں۔ اس میں اسکولز، ہاسپٹلز، بینکوں، کنسلٹنٹس، لاء فرمز (قانونی ادارے)، سیلونز اور ریپیئر کی دکانیں شامل ہیں۔</p>
<p>• <b>جدت (انوویشن):</b> جب کوئی تنظیم اپنے کاروبار کو بہتر بنانے کے لیے نئے پروڈکٹس، سروسز یا طریقے متعارف کرواتی ہے، تو اسے جدت (انوویشن) کہا جاتا ہے۔ مثال کے طور پر، واشنگ مشین بنانے والی ایک کمپنی نے ایسی مشین متعارف کروائی ہے جو نہ صرف کپڑے دھوتی ہے بلکہ انہیں خودکار (آٹومیٹکلی) طور پر سکھا بھی دیتی ہے۔ ایک اور مثال کار کمپنی کی طرف سے الیکٹرک کار کا بنانا ہے۔</p>
<h4 style="color: #3498db;">کاروباری رویے (Behaviors)</h4>
<p>اکثر اوقات کسی کاروبار کی کامیابی یا ناکامی کی وجہ کاروبار سے جڑے رویے (بیہیویئرز) ہوتے ہیں۔ آئیے ان رویوں کے بارے میں جانتے ہیں جو کاروبار کو کامیاب بناتے ہیں:</p>
<p>1. <span style="font-weight: bold; color: #27ae60;">مثبت رویہ (پازیٹو بیہیویئر):</span> مثبت رویہ ایک کامیاب کاروبار کی طرف پہلا قدم ہے۔ مثبت رویے کا مطلب ہے کہ آپ مشکل ترین حالات میں بھی پرامید رہیں اور اپنے کاروبار کو بڑھانے کے بارے میں سوچیں۔ یہ کاروبار کو بہتر بنانے میں مدد کرتا ہے۔</p>
<p>2. <span style="font-weight: bold; color: #8e44ad;">تخلیقی ذہن (کریٹیو مائنڈ):</span> ایک انٹرپرینیور کا ذہن ہمیشہ نئے آئیڈیاز کی تلاش میں رہتا ہے۔ نئے آئیڈیاز پروڈکٹس میں جدت (انوویشن) پیدا کرتے ہیں۔ ایک تخلیقی ذہن رکھنے والا انٹرپرینیور ہمیشہ سوچتا ہے کہ چیزوں کو کیسے بہتر اور مختلف بنایا جائے۔</p>
<p>3. <span style="font-weight: bold; color: #2980b9;">قائل کرنے کی مہارت (پرسویشن اسکلز):</span> اگر آپ گفتگو کے ذریعے لوگوں کو اپنی پروڈکٹس خریدنے پر قائل (پرسویڈ) کر سکتے ہیں، تو آپ ایک اچھے کاروباری شخص ہیں۔ اس اسکل کا استعمال کرتے ہوئے، آپ اپنے کسٹمرز کے ساتھ اپنے تعلقات کو بہتر بنا سکتے ہیں۔ یہ آپ کے کاروبار کے لیے فائدہ مند ثابت ہو سکتا ہے۔</p>
<p>4. <span style="font-weight: bold; color: #d35400;">امید اور استقامت:</span> جب آپ کاروبار شروع کرتے ہیں تو کامیابی کی امید رکھتے ہیں۔ کامیابی کی امید رکھنا ضروری ہے، لیکن آپ کو ناکامیوں سے ڈرنا نہیں چاہیے۔ اپنے کاروبار کو بہتر بنانے کے لیے اپنی غلطیوں سے سیکھیں۔ اپنی ناکامیوں سے مایوس نہ ہوں۔ پرامید رہیں اور اپنی منزل (گول) کو حاصل کرنے کے لیے جدوجہد جاری رکھیں۔</p>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: 5th Class Social Studies Chapter 6.1: Entrepreneurship</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is entrepreneurship?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Entrepreneurship is the process of starting a business, creating new opportunities, and earning profit by providing useful goods or services.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is an entrepreneurial mindset?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>An entrepreneurial mindset is the ability to identify new opportunities, solve problems creatively, learn from failures, and improve a business.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is a small business entrepreneurship?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>A small business entrepreneurship is a business owned and managed by one person, who is responsible for its profit and loss. Examples include grocery stores, salons, and repair shops.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is a large company entrepreneurship?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Large company entrepreneurship involves one or more owners managing a large business that employs many people, such as textile mills, hotels, shopping malls, and vehicle showrooms.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the main types of entrepreneurship?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The main types of entrepreneurship are: Industrial, Agricultural, Trading, Services, and Social Entrepreneurship.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is industrial entrepreneurship?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Industrial entrepreneurship involves producing goods by using raw materials, machines, technology, and workers to meet people's needs.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is agricultural entrepreneurship?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Agricultural entrepreneurship includes growing crops, orchards, raising livestock, forestry, and producing agricultural products for sale.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why is innovation important in entrepreneurship?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Innovation helps businesses improve products, introduce new services, satisfy customers, and stay competitive in the market.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What qualities make a successful entrepreneur?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>A successful entrepreneur should have a positive attitude, creativity, persuasive communication skills, and the ability to learn from failures.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Who is Dr. Muhammad Amjad Saqib and why is he famous?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Dr. Muhammad Amjad Saqib is a Pakistani social entrepreneur and the founder of Akhuwat, an organization that provides interest-free loans. He is known for promoting education, social welfare, and helping needy people.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"topicHeading": "Entrepreneurship",
"question": "Why do different people utilize their specific skills to start various businesses?",
"urdu": "مختلف لوگ اپنے مخصوص ہنر کو استعمال کر کے مختلف کاروبار کیوں شروع کرتے ہیں؟",
"options": ["To waste time", "To create employment opportunities", "To avoid work", "To travel abroad"],
"correctAnswer": "B",
"explanation": "[red]Create employment opportunities[/red] is correct because using personal skills like sewing or cobbling helps individuals earn a living and [blue]provide jobs for others[/blue].",
"explanationUrdu": "[red]روزگار کے مواقع پیدا کرنا[/red] درست ہے کیونکہ سلائی کڑھائی یا جوتے ٹھیک کرنے جیسے ذاتی ہنر کو استعمال کرنے سے لوگوں کو روزی کمانے اور [blue]دوسروں کو نوکریاں دینے[/blue] میں مدد ملتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the introduction of new and innovative ways of doing business called?",
"urdu": "کاروبار کرنے کے نئے اور جدید طریقوں کو کیا کہا جاتا ہے؟",
"options": ["History", "Agriculture", "Entrepreneurship", "Tradition"],
"correctAnswer": "C",
"explanation": "[red]Entrepreneurship[/red] is correct because it involves [blue]creating, managing, and scaling[/blue] a new business venture to earn profits.",
"explanationUrdu": "[red]انٹرپرینیورشپ (کاروبار کا جدید طریقہ)[/red] درست ہے کیونکہ اس سے مراد منافع کمانے کے لیے [blue]نیا کاروبار شروع کرنا اور اس کا انتظام کرنا[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Adopting activities to earn profits, creating opportunities, and taking benefits from them is called:",
"urdu": "منافع کمانے کے لیے سرگرمیاں اختیار کرنا، مواقع پیدا کرنا اور ان سے فائدہ اٹھانا کیا کہلاتا ہے؟",
"options": ["Employment", "Public service", "Entrepreneurship", "Consumerism"],
"correctAnswer": "C",
"explanation": "[red]Entrepreneurship[/red] is correct as it represents the complete process of [blue]identifying market needs[/blue] and turning them into profitable ventures.",
"explanationUrdu": "[red]انٹرپرینیورشپ[/red] درست ہے کیونکہ یہ [blue]مارکیٹ کی ضروریات کو پہچاننے[/blue] اور انہیں منافع بخش کاروبار میں تبدیل کرنے کا مکمل عمل ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the main fruit Razia wanted to use for her business in the story?",
"urdu": "کہانی میں رضیہ اپنے کاروبار کے لیے بنیادی طور پر کس پھل کا استعمال کرنا چاہتی تھی؟",
"options": ["Apples", "Oranges", "Grapes", "Mangoes"],
"correctAnswer": "B",
"explanation": "[red]Oranges[/red] is correct because she saw many oranges fallen in her garden and decided to [blue]utilize them productively[/blue].",
"explanationUrdu": "[red]نارنگی (Oranges)[/red] درست ہے کیونکہ اس نے اپنے باغ میں گرے ہوئے بہت سے مالٹے دیکھے اور انہیں [blue]کارآمد بنانے[/blue] کا فیصلہ کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Razia and her father include in the final price of the juice?",
"urdu": "رضیہ اور اس کے والد نے جوس کے گلاس کی آخری قیمت میں کیا شامل کیا تھا؟",
"options": ["Only tax", "Cost and profit", "Only raw materials", "Transportation charges"],
"correctAnswer": "B",
"explanation": "[red]Cost and profit[/red] is correct because a business must [blue]cover its expenses[/blue] (cost) and add a margin (profit) to be successful.",
"explanationUrdu": "[red]لاگت اور منافع[/red] درست ہے کیونکہ کسی بھی کاروبار کو کامیاب بنانے کے لیے اس کے [blue]اخراجات (لاگت) کو پورا کرنا[/blue] اور اس میں اپنا منافع شامل کرنا ضروری ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why did many people not visit Razia's shop on the first and second days?",
"urdu": "پہلے اور دوسرے دن بہت سے لوگ رضیہ کی دکان پر کیوں نہیں آئے تھے؟",
"options": ["The juice was bad", "Another cold drinks shop was nearby", "It was too cold", "The price was too high"],
"correctAnswer": "B",
"explanation": "[red]Another cold drinks shop was nearby[/red] is correct because the presence of [blue]competitor shops[/blue] initially diverted the potential customers.",
"explanationUrdu": "[red]قریب ہی کولڈ ڈرنکس کی دوسری دکان تھی[/red] درست ہے کیونکہ مارکیٹ میں پہلے سے موجود [blue]دوسری دکان کی وجہ سے[/blue] گاہک وہاں چلے جاتے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What changes did Razia make to attract more people to her shop?",
"urdu": "زیادہ لوگوں کو اپنی دکان کی طرف راغب کرنے کے لیے رضیہ نے اپنے پلان میں کیا تبدیلیاں کیں؟",
"options": ["She closed the shop", "Bottled the juice and advertised", "She reduced the quantity", "She sold fruits instead"],
"correctAnswer": "B",
"explanation": "[red]Bottled the juice and advertised[/red] is correct because [blue]packaging products cleanly[/blue] and promoting them are effective ways to increase sales.",
"explanationUrdu": "[red]جوس کو بوتلوں میں ڈالا اور تشہیر کی[/red] درست ہے کیونکہ چیزوں کو [blue]صاف ستھرا پیک کرنا اور ان کا اشتہار دینا[/blue] فروخت بڑھانے کا ایک کامیاب طریقہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Razia write about in her juice advertisement chart?",
"urdu": "رضیہ نے اپنے جوس کے اشتہاری چارٹ پر کس چیز کے بارے میں لکھا تھا?",
"options": ["Her school name", "Importance and advantages of fresh juice", "Price of toys", "Old history stories"],
"correctAnswer": "B",
"explanation": "[red]Importance and advantages of fresh juice[/red] is correct because [blue]highlighting health benefits[/blue] helps in persuading customers to buy the product.",
"explanationUrdu": "[red]تازہ جوس کی اہمیت اور فوائد[/red] درست ہے کیونکہ [blue]صحت بخش فوائد کو اجاگر کرنا[/blue] گاہکوں کو اپنی طرف متوجہ کرنے کا ایک بہترین طریقہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What happened to the sales of the juice after Razia displayed the advertisement?",
"urdu": "رضیہ کی طرف سے اشتہار لگانے کے بعد جوس کی فروخت پر کیا اثر پڑا؟",
"options": ["The sale decreased", "The sale increased", "The sale stopped", "No change in sales"],
"correctAnswer": "B",
"explanation": "[red]The sale increased[/red] is correct because advertising [blue]made people aware[/blue] of the fresh juice, attracting more buyers and making the business successful.",
"explanationUrdu": "[red]فروخت میں اضافہ ہوا[/red] درست ہے کیونکہ اشتہار نے [blue]لوگوں کو تازہ جوس کی طرف راغب کیا[/blue] جس سے ان کا کاروبار کامیاب ہو گیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does having an \"entrepreneurial mindset\" mean?",
"urdu": "\"کاروباری ذہنیت\" (Entrepreneurial mindset) رکھنے سے کیا مراد ہے؟",
"options": ["Avoiding all risks", "Looking for new opportunities and learning from failures", "Only spending money", "Ignoring customer demands"],
"correctAnswer": "B",
"explanation": "[red]Looking for new opportunities and learning from failures[/red] is correct because entrepreneurs constantly seek better ways to [blue]utilize resources[/blue] and improve after making mistakes.",
"explanationUrdu": "[red]نئے مواقع تلاش کرنا اور ناکامیوں سے سیکھنا[/red] درست ہے کیونکہ کاروباری ذہنیت کا مطلب یہ ہے کہ انسان [blue]غلطیوں سے سیکھ کر مسلسل بہتری[/blue] کی طرف بڑھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is necessary to know before starting any business?",
"urdu": "کوئی بھی کاروبار شروع کرنے سے پہلے کس چیز کے بارے میں جاننا ضروری ہے؟",
"options": ["The owner's favorite food", "People's demands", "The size of the city", "Foreign news only"],
"correctAnswer": "B",
"explanation": "[red]People's demands[/red] is correct because a business can only succeed if it provides [blue]goods or services[/blue] that the public actually wants to buy.",
"explanationUrdu": "[red]لوگوں کی مانگ (Demands)[/red] درست ہے کیونکہ کوئی بھی کاروبار صرف اسی صورت میں کامیاب ہو سکتا ہے جب وہ [blue]ایسی چیزیں بنائے جن کی لوگوں کو ضرورت[/blue] ہو۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do entrepreneurs benefit the society and economy?",
"urdu": "کاروباری افراد (Entrepreneurs) معاشرے اور معیشت کو کیا فائدہ پہنچاتے ہیں؟",
"options": ["They stop trade", "They promote economic growth and create jobs", "They increase taxes", "They close local markets"],
"correctAnswer": "B",
"explanation": "[red]They promote economic growth and create jobs[/red] is correct because setting up new businesses generates [blue]wealth, services, and employment opportunities[/blue] for the public.",
"explanationUrdu": "[red]معاشی ترقی کو فروغ دینا اور نوکریاں پیدا کرنا[/red] درست ہے کیونکہ نیا کاروبار شروع کرنے سے [blue]ملک میں دولت پیدا ہوتی ہے[/blue] اور لوگوں کو روزگار ملتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the two main types of entrepreneurial businesses?",
"urdu": "کاروباری اداروں کی دو بڑی اقسام کون سی ہیں؟",
"options": ["Local and foreign only", "Small scale and large company", "Hard and soft businesses", "Government and private only"],
"correctAnswer": "B",
"explanation": "[red]Small scale and large company[/red] is correct as businesses are classified based on their [blue]size, investment, and number of owners[/blue] or employees.",
"explanationUrdu": "[red]چھوٹے پیمانے اور بڑی کمپنی[/red] درست ہے کیونکہ کاروبار کو ان کی [blue]جسامت، سرمایہ کاری اور ملازمین کی تعداد[/blue] کی بنیاد پر ان دو اقسام میں تقسیم کیا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which levels are businesses managed?",
"urdu": "کاروبار کن سطحوں پر چلائے جاتے ہیں؟",
"options": ["Local level", "National level", "International level", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because business activities can be managed [blue]within a neighborhood, across a country, or globally[/blue] between nations.",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ کاروباری سرگرمیاں [blue]مقامی، ملکی اور بین الاقوامی[/blue] تینوں سطحوں پر انجام دی جا سکتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is the sole owner and manager of a small business entrepreneurship?",
"urdu": "چھوٹے پیمانے کے کاروباری ادارے (Small business) کا اکیلا مالک اور مینیجر کون ہوتا ہے؟",
"options": ["The government", "The entrepreneur (owner)", "A foreign manager", "Bank officers"],
"correctAnswer": "B",
"explanation": "[red]The entrepreneur (owner)[/red] is correct because in a small business, a single individual [blue]invests their own capital[/blue] and runs the operations.",
"explanationUrdu": "[red]خود انٹرپرینیور (مالک)[/red] درست ہے کیونکہ چھوٹے کاروبار میں صرف [blue]ایک ہی شخص اپنا سرمایہ لگاتا ہے[/blue] اور اسے چلاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is responsible for the profit and loss in a small business?",
"urdu": "چھوٹے کاروبار میں نفع اور نقصان کا ذمہ دار کون ہوتا ہے؟",
"options": ["The state bank", "The entrepreneur himself", "All the customers", "No one is responsible"],
"correctAnswer": "B",
"explanation": "[red]The entrepreneur himself[/red] is correct because as the sole proprietor, he or she bears [blue]all the financial risks[/blue] of the business.",
"explanationUrdu": "[red]خود انٹرپرینیور[/red] درست ہے کیونکہ واحد مالک ہونے کی حیثیت سے [blue]تمام مالی فوائد یا نقصانات کا ذمہ دار[/blue] صرف وہی ایک شخص ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an example of a small business?",
"urdu": "درج ذیل میں سے چھوٹے کاروبار کی مثال کون سی ہے؟",
"options": ["Salon and grocery store", "Carpentry and plumber", "Electric store", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because salons, grocery shops, plumbing, and electric stores are all managed on a small scale with [blue]fewer workers[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]ہیئر سلون، کریانہ اسٹور، پلمبنگ اور الیکٹرک اسٹور[/blue] سبھی چھوٹے پیمانے پر چلائے جانے والے کاروبار ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who owns a large company entrepreneurship?",
"urdu": "بڑے پیمانے کے کاروباری ادارے (Large company) کا مالک کون ہوتا ہے؟",
"options": ["No one", "One or more than one individuals", "Only the government", "Only school children"],
"correctAnswer": "B",
"explanation": "[red]One or more than one individuals[/red] is correct because large companies are often owned by [blue]partnerships or shareholders[/blue] who invest together.",
"explanationUrdu": "[red]ایک یا ایک سے زیادہ افراد[/red] درست ہے کیونکہ بڑی کمپنیاں اکثر [blue]شراکت داری یا شیئر ہولڈرز[/blue] کے تحت چلائی جاتی ہیں جو مل کر سرمایہ لگاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How are profit and loss shared when a group of people run a large business?",
"urdu": "جب لوگوں کا ایک گروپ مل کر بڑا کاروبار چلاتا ہے تو نفع اور نقصان کا تبادلہ کیسے ہوتا ہے؟",
"options": ["Only one person takes all", "They equally share profit and loss", "Given entirely to the bank", "Lost forever"],
"correctAnswer": "B",
"explanation": "[red]They equally share profit and loss[/red] is correct because partners distribute the financial outcomes of the company based on their [blue]agreed shares[/blue].",
"explanationUrdu": "[red]وہ برابر نفع اور نقصان بانٹتے ہیں[/red] درست ہے کیونکہ تمام شراکت دار کمپنی کے مالیاتی نتائج میں اپنے [blue]طے شدہ حصوں کے مطابق[/blue] شریک ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is true about employment in large company entrepreneurship?",
"urdu": "بڑے کاروباری اداروں میں ملازمتوں (employment) کے بارے میں کیا بات درست ہے؟",
"options": ["No employees are needed", "Many people are employed", "Only family members work", "It only uses machines"],
"correctAnswer": "B",
"explanation": "[red]Many people are employed[/red] is correct because large-scale operations require a [blue]large workforce[/blue] to manage production, sales, and administration.",
"explanationUrdu": "[red]بہت سے لوگوں کو ملازمت ملتی ہے[/red] درست ہے کیونکہ بڑے پیمانے پر کام کرنے کے لیے فیکٹریوں اور دفاتر میں [blue]بہت سے ورکرز[/blue] کی ضرورت ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an example of a large company?",
"urdu": "درج ذیل میں سے بڑی کمپنی کی مثال کون سی ہے؟",
"options": ["Textile mills and hotels", "Vehicle showrooms", "Shopping malls", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because textile mills, major hotels, car showrooms, and shopping malls require [blue]large capital, many workers, and big setups[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ [blue]ٹیکسٹائل ملز، بڑے ہوٹل، کار شورومز اور شاپنگ مالز[/blue] کو چلانے کے لیے بڑے سرمائے اور عملے کی ضرورت ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is industrial entrepreneurship related to?",
"urdu": "صنعتی انٹرپرینیورشپ (Industrial entrepreneurship) کا تعلق کس چیز سے ہے؟",
"options": ["Only growing crops", "The production of goods", "Only teaching schools", "Personal savings"],
"correctAnswer": "B",
"explanation": "[red]The production of goods[/red] is correct because industrial entrepreneurs focus on [blue]manufacturing physical products[/blue] in factories to meet public needs.",
"explanationUrdu": "[red]اشیاء کی پیداوار سے[/red] درست ہے کیونکہ صنعتی کاروباری افراد کارخانوں میں [blue]ٹھوس مصنوعات تیار کرنے[/blue] پر توجہ مرکوز کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do industrial entrepreneurs manufacture things?",
"urdu": "صنعتی کاروباری افراد چیزیں کیسے تیار کرتے ہیں؟",
"options": ["They buy finished products", "From raw material with laborers, machines, and technology", "They only use hands", "Without any energy"],
"correctAnswer": "B",
"explanation": "[red]From raw material with laborers, machines, and technology[/red] is correct because manufacturing involves converting basic resources into useful finished products [blue]using technology and workers[/blue].",
"explanationUrdu": "[red]خام مال سے مزدوروں، مشینوں اور ٹیکنالوجی کی مدد سے[/red] درست ہے کیونکہ مینوفیکچرنگ کا مطلب [blue]خام مال کو کارآمد اشیاء میں تبدیل کرنا[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does agricultural entrepreneurship consist of?",
"urdu": "زرعی انٹرپرینیورشپ (Agricultural entrepreneurship) کس چیز پر مشتمل ہوتی ہے؟",
"options": ["Growing crops and orchards", "Raising animals", "Planting trees", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because agricultural business covers [blue]farming, gardening (horticulture), forestry[/blue], and livestock rearing.",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ زرعی کاروبار میں [blue]کھیتی باڑی، باغبانی، جنگلات اور جانوروں کو پالنا[/blue] سبھی شامل ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the main activity in trading entrepreneurship?",
"urdu": "تجارتی انٹرپرینیورشپ (Trading entrepreneurship) میں بنیادی کام کیا ہوتا ہے؟",
"options": ["Manufacturing products", "Purchasing manufactured products and selling them to customers", "Only growing trees", "Providing free schools"],
"correctAnswer": "B",
"explanation": "[red]Purchasing manufactured products and selling them to customers[/red] is correct because trading does not involve making goods; it focuses on [blue]distributing products[/blue] from factories to consumers.",
"explanationUrdu": "[red]تیয়ার شدہ مصنوعات کو خرید کر گاہکوں کو بیچنا[/red] درست ہے کیونکہ اس کاروبار میں خود چیزیں بنانے کے بجائے [blue]فیکٹریوں سے لے کر گاہکوں تک[/blue] پہنچائی جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the primary purpose of social entrepreneurship?",
"urdu": "سماجی انٹرپرینیورشپ (Social entrepreneurship) کا بنیادی مقصد کیا ہے؟",
"options": ["To earn maximum personal wealth", "To solve social, economic, and environmental problems", "To close all local schools", "To build weapons only"],
"correctAnswer": "B",
"explanation": "[red]To solve social, economic, and environmental problems[/red] is correct because social entrepreneurs use [blue]business models to help society[/blue] and improve people's welfare.",
"explanationUrdu": "[red]سماجی، معاشی اور ماحولیاتی مسائل کو حل کرنا[/red] درست ہے کیونکہ سماجی کاروباری افراد [blue]معاشرے کی ترقی اور لوگوں کی فلاح و بہبود[/blue] کے لیے کام کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is the famous Pakistani social entrepreneur who founded the largest Islamic microfinance organization?",
"urdu": "پاکستان کے وہ مشہور سماجی انٹرپرینیور کون ہیں جنہوں نے سب سے بڑی اسلامی مائیکرو فنانس تنظیم کی بنیاد رکھی؟",
"options": ["Allama Iqbal", "Dr. Muhammad Amjad Saqib", "Quaid-e-Azam", "Sir Syed Ahmad Khan"],
"correctAnswer": "B",
"explanation": "[red]Dr. Muhammad Amjad Saqib[/red] is correct because he is the visionary [blue]founder of 'Akhuwat'[/blue], which helps thousands of needy families in Pakistan.",
"explanationUrdu": "[red]ڈاکٹر محمد امجد ثاقب[/red] درست ہے کیونکہ وہ [blue]'اخوت' نامی ادارے کے بانی[/blue] ہیں جو پاکستان میں ہزاروں غریب خاندانوں کی مدد کر رہا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the name of the largest Islamic microfinance organization founded by Dr. Amjad Saqib?",
"urdu": "ڈاکٹر امجد ثاقب کی قائم کردہ سب سے بڑی اسلامی مائیکرو فنانس تنظیم کا نام کیا ہے؟",
"options": ["Aligarh Association", "Akhuwat", "Red Cross", "State Bank"],
"correctAnswer": "B",
"explanation": "[red]Akhuwat[/red] is correct because it is the world-famous Pakistani organization known for its [blue]interest-free loan programs[/blue].",
"explanationUrdu": "[red]اخوت (Akhuwat)[/red] درست ہے کیونکہ یہ پاکستان کی وہ عالمی شہرت یافتہ تنظیم ہے جو [blue]بلا سود قرضے فراہم کرنے[/blue] کے لیے جانی جاتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What kind of loans does the Akhuwat organization provide to needy people?",
"urdu": "اخوت تنظیم ضرورت مند لوگوں کو کس قسم کے قرضے فراہم کرتی ہے؟",
"options": ["High-interest loans", "Interest-free loans", "Foreign currency loans only", "Short-term loans with high tax"],
"correctAnswer": "B",
"explanation": "[red]Interest-free loans[/red] is correct because Akhuwat follows [blue]Islamic principles[/blue] to support poor families without adding any interest burden.",
"explanationUrdu": "[red]بلا سود قرضے (Interest-free)[/red] درست ہے کیونکہ اخوت غریب خاندانوں کی مدد کے لیے [blue]اسلامی اصولوں کے تحت[/blue] بغیر کسی سود کے قرض فراہم کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which historic educational institution was started by the Akhuwat organization?",
"urdu": "اخوت تنظیم نے پاکستان کا کون سا تاریخی تعلیمی ادارہ قائم کیا ہے؟",
"options": ["First private medical college", "First cost-free university of Pakistan", "Largest school in the world", "Only a military academy"],
"correctAnswer": "B",
"explanation": "[red]First cost-free university of Pakistan[/red] is correct because this unique university provides [blue]free higher education[/blue] to talented, deserving students.",
"explanationUrdu": "[red]پاکستان کی پہلی مفت یونیورسٹی[/red] درست ہے کیونکہ یہ وہ منفرد ادارہ ہے جو مستحق طلباء کو [blue]بغیر کسی فیس کے اعلیٰ تعلیم[/blue] فراہم کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which award was given to Dr. Muhammad Amjad Saqib by the Government of Pakistan?",
"urdu": "حکومت پاکستان کی طرف سے ڈاکٹر محمد امجد ثاقب کو ان کی خدمات پر کس اعزاز سے نوازا گیا؟",
"options": ["Nishan-e-Haider", "Sitara-e-Imtiaz", "Pride of Performance", "Quaid's Medal"],
"correctAnswer": "B",
"explanation": "[red]Sitara-e-Imtiaz[/red] is correct because it is one of the [blue]highest civil awards[/blue] given to Pakistani citizens for outstanding public service.",
"explanationUrdu": "[red]ستارہ امتیاز (Sitara-e-Imtiaz)[/red] درست ہے کیونکہ یہ وہ معتبر [blue]سول ایوارڈ[/blue] ہے جو حکومتِ پاکستان نے ان کی فلاحی خدمات کے اعتراف میں انہیں دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which international forum awarded him the best social entrepreneur of the year in 2018?",
"urdu": "کس بین الاقوامی فورم نے 2018 میں انہیں سال کا بہترین سماجی کاروباری شخص (social entrepreneur) قرار دیا؟",
"options": ["World Bank", "World Economic Forum", "United Nations", "Olympic Committee"],
"correctAnswer": "B",
"explanation": "[red]World Economic Forum[/red] is correct because this global organization [blue]recognized his contribution[/blue] to Islamic microfinance and poverty reduction.",
"explanationUrdu": "[red]ورلڈ اکنامک فورم[/red] درست ہے کیونکہ اس [blue]عالمی ادارے[/blue] نے 2018 میں انہیں دنیا کا بہترین سوشل انٹرپرینیور قرار دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do organizations in \"Services Entrepreneurship\" provide to people?",
"urdu": "خدمات فراہم کرنے والے ادارے (Services entrepreneurship) لوگوں کو کیا مہیا کرتے ہیں؟",
"options": ["Only raw metal", "Consultation and professional skills", "Food and clothes only", "Heavy weapons"],
"correctAnswer": "B",
"explanation": "[red]Consultation and professional skills[/red] is correct because service organizations sell [blue]expertise, advice, or labor[/blue] rather than physical goods.",
"explanationUrdu": "[red]مشاورت اور پیشہ ورانہ مہارتیں[/red] درست ہے کیونکہ یہ ادارے لوگوں کو جسمانی اشیاء بیچنے کے بجائے [blue]اپنی خدمات اور مشورے[/blue] فراہم کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an example of services entrepreneurship?",
"urdu": "درج ذیل میں سے کون سا ادارہ سروسز انٹرپرینیورشپ (services entrepreneurship) کی مثال ہے؟",
"options": ["Schools and hospitals", "Banks and law firms", "Salons and repair shops", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because schools, hospitals, banks, law firms, and repair shops all [blue]provide specialized services[/blue] to satisfy human needs.",
"explanationUrdu": "[red]مندرجہ بالا تمام (All of the above)[/red] درست ہے کیونکہ اسکول، ہسپتال، بینک اور قانون ساز فرمز سبھی [blue]سرور فراہم کرنے والے[/blue] ادارے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is it called when an organization introduces new products, services, or methods?",
"urdu": "جب کوئی ادارہ اپنے کاروبار کو بہتر بنانے کے لیے نئی مصنوعات، خدمات یا طریقے متعارف کراتا ہے تو اسے کیا کہتے ہیں؟",
"options": ["Tradition", "Scarcity", "Innovation (Modernisation)", "Inflation"],
"correctAnswer": "C",
"explanation": "[red]Innovation (Modernisation)[/red] is correct because introducing modern ideas or updated products [blue]helps a business stay competitive[/blue] in the market.",
"explanationUrdu": "[red]جدت یا ایجاد (Innovation)[/red] درست ہے کیونکہ کاروبار کی بہتری کے لیے نئے طریقے یا جدید مصنوعات متعارف کرانا [blue]انوویشن[/blue] کہلاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Introducing a washing machine that automatically washes and dries clothes is an example of:",
"urdu": "ایک ایسی واشنگ مشین متعارف کرانا جو کپڑے دھونے کے ساتھ انہیں خود بخود خشک بھی کرے، کس کی مثال ہے؟",
"options": ["Scarcity", "Innovation", "Deflation", "Traditional business"],
"correctAnswer": "B",
"explanation": "[red]Innovation[/red] is correct because adding [blue]new, automated features[/blue] to an existing product makes it more helpful and modern.",
"explanationUrdu": "[red]انوویشن (جدت)[/red] درست ہے کیونکہ پہلے سے موجود پروڈکٹ میں [blue]نئی خصوصیات شامل کر کے[/blue] اسے زیادہ کارآمد بنانا جدت کی ایک واضح مثال ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is often the main cause of the success or failure of a business?",
"urdu": "کسی کاروبار کی کامیابی یا ناکامی کی بنیادی وجہ اکثر کیا ہوتی ہے؟",
"options": ["Only luck", "The behaviors related to business", "The color of the shop", "The size of the sign board"],
"correctAnswer": "B",
"explanation": "[red]The behaviors related to business[/red] is correct because the [blue]attitude, creativity, and skills[/blue] of the entrepreneur directly affect how the business is run.",
"explanationUrdu": "[red]کاروبار سے متعلق رویے[/red] درست ہے کیونکہ انٹرپرینیور کا [blue]مثبت رویہ، تخلیقی صلاحیت اور محنت ہی[/blue] کاروبار کی کامیابی یا ناکامی کا فیصلہ کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does having a \"positive attitude\" mean for an entrepreneur during difficult times?",
"urdu": "مشکل حالات کے دوران ایک کاروباری شخص کے لیے \"مثبت رویہ\" (positive attitude) رکھنے کا کیا مطلب ہے؟",
"options": ["Giving up easily", "Staying hopeful and thinking about promoting business", "Blaming others for failure", "Closing the shop instantly"],
"correctAnswer": "B",
"explanation": "[red]Staying hopeful and thinking about promoting business[/red] is correct because a positive attitude [blue]helps entrepreneurs find solutions[/blue] and keep going when faced with challenges.",
"explanationUrdu": "[red]امید پرست رہنا اور کاروبار بڑھانے کا سوچنا[/red] درست ہے کیونکہ مثبت رویہ انسان کو مشکل وقت میں مایوس ہونے کے بجائے [blue]حل تلاش کرنے میں مدد[/blue] دیتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the constant search for new ideas by an entrepreneur called?",
"urdu": "ایک کاروباری شخص کا مسلسل نئے خیالات تلاش کرتے رہنا کیا کہلاتا ہے؟",
"options": ["Laziness", "Scarcity", "Creativity", "Inflation"],
"correctAnswer": "C",
"explanation": "[red]Creativity[/red] is correct because a [blue]creative mind[/blue] is always thinking of how to make products better, unique, and different from others.",
"explanationUrdu": "[red]تخلیقی صلاحیت (Creativity)[/red] درست ہے کیونکہ ایک [blue]تخلیقی ذہن[/blue] ہمیشہ چیزوں کو بہتر، منفرد اور دوسروں سے الگ بنانے کے خیالات تلاش کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the skill of convincing people to buy your products through conversation called?",
"urdu": "گفتگو کے ذریعے لوگوں کو اپنی مصنوعات خریدنے پر راغب کرنے کی مہارت کو کیا کہتے ہیں؟",
"options": ["Anger", "Persuasiveness", "Silence", "Scarcity"],
"correctAnswer": "B",
"explanation": "[red]Persuasiveness[/red] is correct because being persuasive allows a businessman to [blue]build trust and good relationships[/blue] with customers.",
"explanationUrdu": "[red]قائل کرنے کی صلاحیت (Persuasiveness)[/red] درست ہے کیونکہ یہ وہ ہنر ہے جس کے ذریعے ایک تاجر [blue]گاہکوں سے اچھے تعلقات بنا کر[/blue] انہیں چیزیں خریدنے پر راغب کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How should an entrepreneur react to failures or mistakes in business?",
"urdu": "کاروبار میں ناکامیوں یا غلطیوں پر ایک کاروباری شخص کو کیا کرنا چاہیے؟",
"options": ["Get disappointed and stop working", "Learn from mistakes and stay hopeful", "Blame the customers", "Never try again"],
"correctAnswer": "B",
"explanation": "[red]Learn from mistakes and stay hopeful[/red] is correct because [blue]analyzing failures[/blue] helps in improving business strategies for future success.",
"explanationUrdu": "[red]غلطیوں سے سیکھنا اور امید پرست رہنا[/red] درست ہے کیونکہ ناکامیوں سے مایوس ہونے کے بجائے ان سے سیکھنے سے مستقبل میں [blue]کامیابی کی راہ ہموار[/blue] ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iXIzhdsaNX47FGZ9zylcF7trDEQD_Z7D0dptolxy54VlVPqbBYZdwFtA6FX7sQHpZkku0cdkTQe8GLNpVa541UFKwN9o5mUSZOrB5fwSTqifTVa1aGnnEZmKPoBoxYXrbHKYp447Pq6aQPVsXdEs70GEGrqTQ_MHwe0njPdFYGPLEt0E8MK7xNIA1g/s1600/Social%20Studies%205th%20Class%20Chapter%206.1.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-1756590586344197272026-07-13T07:27:00.000+05:002026-07-13T07:27:00.118+05:005th Class Social Studies MCQs | Economics (معاشیات) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies MCQs Preparation | Goods, Services, Inflation, Trade & Transportation | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Practice 5th Class Economics MCQs with answers. Cover goods, services, inflation, GDP, taxes, trade, imports, exports & transport.">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: Economics (معاشیات) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | Economics (معاشیات) | PakMCQs",
"description": "Study 5th Class Social Studies Chapter 6 – Economics with complete notes, learning outcomes, goods and services, consumers and producers, inflation and scarcity, taxes and loans, trade, exports and imports, and means of transportation.",
"articleBody": "This educational resource covers Chapter 6 of the 5th Class Social Studies curriculum: Economics. It provides solved MCQs and conceptual knowledge on the meaning of goods and services, and the difference between public goods and services, provided free by the government such as roads and public schools, and private goods and services, owned and provided by individuals. The chapter explains the roles of producers, who make and supply goods and services, and consumers, who buy and use them. It covers inflation, its main cause being currency devaluation linked to Gross Domestic Product (GDP), and its two types, cost push inflation and demand pull inflation, along with the concept and causes of scarcity. It also explains taxes such as income tax, toll tax, property tax, and sales tax, and how government loans from banks and institutions like the World Bank and IMF help fund public projects. The chapter covers trade, exports, and imports, the importance of international trade for Pakistan's development, and the major means of transportation including highways, railways, airports, and ports. Ideal for students preparing for school exams and building basic economic literacy on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Economics MCQs",
"معاشیات MCQs",
"Goods and Services MCQs",
"Public and Private Goods MCQs",
"Inflation and Scarcity Class 5",
"Taxes and Government Loans MCQs",
"Exports and Imports of Pakistan MCQs",
"Means of Transportation MCQs",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnlN0NNIx7ltK1-hAicBDxg1D1jDeTZLhPHClpTK8msu4ZktE9EIiCLNYeZVdhg2HAy9t2pfBw1Hfa6FYiVWbusb06hS8zVrQj2uk4ESq65IDQfanrv11h8YDAQmipVWajbf_W1woWvBzFp9MsqDxUlStW9EWIVKel1RtofaE1div8NsA8x40vZek2mw/s1600/Social%20Studies%205th%20Class%20Chapter%206.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - Economics (معاشیات)"
},
"datePublished": "2026-07-13",
"dateModified": "2026-07-13",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnlN0NNIx7ltK1-hAicBDxg1D1jDeTZLhPHClpTK8msu4ZktE9EIiCLNYeZVdhg2HAy9t2pfBw1Hfa6FYiVWbusb06hS8zVrQj2uk4ESq65IDQfanrv11h8YDAQmipVWajbf_W1woWvBzFp9MsqDxUlStW9EWIVKel1RtofaE1div8NsA8x40vZek2mw/s1600/Social%20Studies%205th%20Class%20Chapter%206.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-Economics-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"Economics Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Economic Literacy",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Goods and Services" },
{ "@type": "Thing", "name": "Consumers and Producers" },
{ "@type": "Thing", "name": "Inflation" },
{ "@type": "Thing", "name": "Scarcity" },
{ "@type": "Thing", "name": "Taxes" },
{ "@type": "Thing", "name": "International Trade" },
{ "@type": "Thing", "name": "Means of Transportation" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for Economics (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is economics?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Economics is the study of how goods and services are produced, distributed, and used to meet people's needs."
}
},
{
"@type": "Question",
"name": "What is the difference between goods and services?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Goods are physical items that can be seen and touched, such as books, clothes, and food. Services are activities or work provided by people, such as teaching, medical care, and transportation."
}
},
{
"@type": "Question",
"name": "What is the difference between public and private goods and services?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Public goods and services are provided by the government for the benefit of citizens, while private goods and services are owned and provided by individuals or private businesses."
}
},
{
"@type": "Question",
"name": "Who are producers and consumers?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Producers are people or businesses that make or provide goods and services. Consumers are people who buy and use those goods and services."
}
},
{
"@type": "Question",
"name": "What is inflation?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Inflation is the continuous increase in the prices of goods and services over time, which reduces the purchasing power of money."
}
},
{
"@type": "Question",
"name": "What are the two main types of inflation?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The two main types of inflation are: 1) Cost-push inflation (prices rise because production costs increase) and 2) Demand-pull inflation (prices rise when demand is greater than supply)."
}
},
{
"@type": "Question",
"name": "What is scarcity and what causes it?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Scarcity is the shortage of goods or resources needed by people. It can be caused by natural disasters, unfavorable weather, power shortages, or hoarding."
}
},
{
"@type": "Question",
"name": "Why are taxes and government loans important?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Taxes and government loans provide funds for public services such as roads, schools, hospitals, electricity, and other development projects."
}
},
{
"@type": "Question",
"name": "What is the difference between exports and imports?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Exports are goods that a country sells to other countries, while imports are goods that a country buys from other countries to meet its needs."
}
},
{
"@type": "Question",
"name": "Why is international trade important for Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "International trade helps Pakistan earn foreign exchange, create jobs, increase industrial production, reduce poverty, improve living standards, and support economic growth."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnlN0NNIx7ltK1-hAicBDxg1D1jDeTZLhPHClpTK8msu4ZktE9EIiCLNYeZVdhg2HAy9t2pfBw1Hfa6FYiVWbusb06hS8zVrQj2uk4ESq65IDQfanrv11h8YDAQmipVWajbf_W1woWvBzFp9MsqDxUlStW9EWIVKel1RtofaE1div8NsA8x40vZek2mw/s1600/Social%20Studies%205th%20Class%20Chapter%206.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>5th Class Social Studies MCQs – Economics | PakMCQs</h1>
<p>Master 5th Class Social Studies Chapter 6 – Economics with a free online CBT Test and important MCQs. Learn about public and private goods and services, consumers and producers, inflation (Cost Push and Demand Pull) and scarcity, taxes and government loans, trade, exports and imports, and Pakistan's major means of transportation including highways, railways, airports, and ports. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>Economics (Maashiyaat) | معاشیات
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 6: Economics (Maashiyaat)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes</h4>
<p>Is sabaq ko mukammal karne ke baad students is qabil ho jayenge ke:<br>
• Goods (Ashiay/Samaan) aur Services (Khidmaat) ki istilaahat (terms) ki tareef kar sakein.<br>
• Public (awami) aur private (naji) goods aur services ke darmiyan farq kar sakein.<br>
• Consumers (sarfeen) aur producers (pedakar) ke kirdar ki nishandahi kar sakein.<br>
• Inflation (mahngai/afraat-e-zar) aur scarcity (qillat/kami) ki mukhtalif wajohat aur aqsaam ka zikr kar sakein.<br>
• Goods aur services (sarakain, hospital, schools, bijli wagera) ki adaigi ke liye taxes aur sarkari qarzay (government loans) ki ahmiyat ko pehchann sakein.<br>
• Trade (tijaarat), exports (bar-aamadath) aur imports (dar-aamadath) ki tareef kar sakein.<br>
• Pakistan ke frough (development) ke liye International Trade (bain-al-aqwami tijaarat) ki ahmiyat bayan kar sakein.<br>
• Naqal-o-hamal (transportation) ke ahem zaraye ko pehchann sakein.</p>
<p><span class="highlight-word" style="color: #27ae60; font-weight: bold;">Economics (Maashiyaat)</span> ilm ki wo shakh (branch) hai jo goods (ashiay) aur services (khidmaat) ki paidawar (production), taqseem (distribution) aur istemal (usage) se taluq rakhti hai. Wo cheezein jinhe hum dekh, chhoo aur istemal kar sakte hain, <span style="color: #2980b9; font-weight: bold;">goods</span> kehlati hain jese ke phal (fruit), sabziyan, darakht, kitabein wagera. Goods ke istemal ke sath sath hum services ka bhi istemal karte hain. <span style="color: #d35400; font-weight: bold;">Service</span> paise kamane ke liye apni salahiyaton (abilities) ka istemal hai. Misal ke tor par, jab ek kisan fasal ugata hai aur use bechta hai, to logon ko khana milta hai aur kisan paise kamata hai.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Think and Answer! (Sochein aur Jawab Dein!):</strong><br>
• Goods aur services mein kya farq hai? Apne aas paas maujood goods aur services ke naam likhein.
</p>
<h4 style="color: #3498db;">Public vs Private Goods and Services</h4>
<p>Goods aur services ki do aqsaam hain:<br>
1. <b>Public Goods and Services (Awami Ashiay aur Khidmaat)</b><br>
2. <b>Private Goods and Services (Naji Ashiay aur Khidmaat)</b></p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Public Goods & Services:</span> Kisi mulk ki hukoomat ki taraf se apne shahrion ko faraham ki jaane wali sahuliyat ko public goods aur services kaha jata hai. Hukoomat yeh sahuliyat apne shahrion ko muft (free of cost) faraham karti hai jese ke sehat (health) aur taleem (education).<br>
- <i>Public services:</i> Sarkari schools aur colleges, sarkari hospital, post offices (dak khane), state bank, sarkari libraries, police, army (fauj), parks wagera.<br>
- <i>Public goods:</i> Sarakain, bijli ke khambay (electricity poles), benches, saaf pani, naqal-o-hamal ke zaraye (means of transportation), bijli, gas wagera.</p>
<p><b>Kuch ahem sarkari idare (public institutions) yeh hain:</b><br>
• Pakistan Ordnance Factory, Wah Cantt. | • Pakistan Steel Mills. | • Karachi Shipyard and Engineering Works. | • Oil and Gas Development Company Limited (OGDCL). | • Pakistan Post.</p>
<p>• <span class="highlight-word" style="color: #d35400; font-weight: bold;">Private Goods & Services:</span> Private goods aur services wo hain jinki malkiyat kisi makhsoos shakhs ke paas hoti hai. Private goods aur services barah-e-rast hukoomat ki malkiyat nahi hoteen. <br>
- <i>Private goods (Naji ashiay):</i> Khana, kapde, khilonay (toys), bartan (utensils), zati ghar, gari, khail ka samaan (sports goods) wagera.<br>
- <i>Private services (Naji khidmaat):</i> Hotel, naqal-o-hamal ke private zaraye, private hospital, private school, nai (barber), zati karobar (private business), faslein (crops), courier service, gharelu sanat (home based industry) wagera.</p>
<h4 style="color: #3498db;">Producers and Consumers</h4>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Producers:</span> Goods aur services paida karte hain aur faraham karte hain. Wo kisan aur sanatkar (industrialists) hain. <br>
• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Consumers (Sarfeen):</span> Wo log jo goods aur services ko khareedte aur istemal karte hain, unhe consumers kaha jata hai. Ek consumer paison se goods aur services khareedta hai.</p>
<h4 style="color: #3498db;">Inflation (Mahngai)</h4>
<p>Goods aur services ki qeemton mein musalsal izafe ki sharah (rate of continuous rise) ko <span class="highlight-word" style="color: #c0392b; font-weight: bold;">inflation (mahngai/afraat-e-zar)</span> kaha jata hai. Inflation ki sab se bari wajah currency ki qadar mein kami (devaluation of currency) hai. Kisi currency ki qadar goods aur services ki worth (maliyat) se hasil hoti hai jise <b>Gross Domestic Product (GDP)</b> kaha jata hai.</p>
<p>Pakistan mein mahngai ki bari wajohat mein se ek petroleum products ki qeemton mein izafa hai. Is ke nateeje mein, naqal-o-hamal (transportation) ki laagat (cost) barh jati hai jis ki wajah se phalon, sabziyon aur doosri cheezon ki qeemtein barh jati hain. Mulk mein kam paidawar ki wajah se jab cheezein ghair-mulki mamalik se import ki jati hain, tab bhi cheezon ki qeemtein barh jati hain.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Gross Domestic Product (GDP) / Kul Mulki Paidawar:</strong> Ek saal mein kisi mulk mein paida hone wali goods aur services ki kul maliyat (total value).</p>
<h4 style="color: #3498db;">Types of Inflation (Inflation ki Aqsaam)</h4>
<p>1. <span style="font-weight: bold; color: #d35400;">Cost Push Inflation (Laagat ki wajah se mahngai):</span> Kisi product ki tayari ke akhrajaat (production charges) ko cost (laagat) kaha jata hai. Cost push inflation goods ki tayari ke akhrajaat mein izafe ke nateeje mein hoti hai. (e.g. agar steel aur plastic mehnga ho jaye to cycle mehngi ho jaye gi).<br>
2. <span style="font-weight: bold; color: #d35400;">Demand Pull Inflation (Talab ki wajah se mahngai):</span> Khareedne ka irada aur khareedari ki quwwat (purchasing power) ko demand (talab) kaha jata hai. Demand pull inflation tab paida hoti hai jab cheezein talab se kam ho jati hain. (e.g. market mein computer khareedar zyada hon aur computer sirf 10 dastyab hon).</p>
<h4 style="color: #3498db;">Scarcity (Qillat)</h4>
<p>Jab logon ki zarooriyat ko poora karne ke liye resources kafi na hon to isay <span class="highlight-word" style="color: #c0392b; font-weight: bold;">scarcity (qillat)</span> kehte hain. Cheezon ki qillat ki kai wajohat ho sakti hain:<br>
• Qudrati aafat (natural disasters) ki wajah se faslein tabah ho jati hain.<br>
• Bijli aur gas ki qillat ki wajah se factories mein cheezein waqt par paida nahi hoteen.<br>
• Hoarding (zakhira-andozi) bhi scarcity (qillat) ki ek wajah hai.</p>
<p style="background: #e8f5e9; padding: 10px; border-left: 4px solid #2e7d32;"><i>Let's do something new! Kuch goods ki ek list tayar karein aur unki maujooda qeemton ka pichle saal ki qeemton se mawazna karein.</i></p>
<h4 style="color: #3498db;">Taxes and Loans (Taxes aur Qarzay)</h4>
<p>Hukoomat ko public goods aur services faraham karne ke liye paison ki zaroorat hoti hai. Yeh logon se taxes ke zariye paise hasil karti hai. Baaz auqat, hukoomat taxes se hasil hone wale paison se apne akhrajaat poore nahi kar sakti. Aese halat mein, yeh banks, bain-al-aqwami maliyati idaron (<span style="color: #2980b9;">World Bank, IMF</span>) aur doosre mulkon se qarzay leti hai.</p>
<p><b>Tax ki types:</b><br>
• <b>Income tax:</b> Aamdani par tax.<br>
• <b>Toll tax:</b> Sarakon ke istemal par tax.<br>
• <b>Property tax:</b> Ghar, plot ya zameen ki malkiyat par tax.<br>
• <b>Sales tax:</b> Goods aur services par tax.</p>
<h4 style="color: #3498db;">Trade, Imports, aur Exports</h4>
<p><span class="highlight-word" style="color: #27ae60; font-weight: bold;">Trade (tijaarat)</span> ka matlab goods ko khareedna aur bechna hai. Do mulkon ke darmiyan tijaarat ko <b>international trade (bain-al-aqwami tijaarat)</b> kaha jata hai. <br>
International trade ke faide: Exports barhne se mazeed industries lagti hain, jobs milti hain, foreign exchange barhta hai aur gurbat kam hoti hai.</p>
<p>• <span class="highlight-word" style="color: #16a085; font-weight: bold;">Exports (Bar-aamadath):</span> Jo cheezein koi mulk doosre mulk ko bechta hai. Pakistan ki exports: Cotton cloth, cotton thread, ready-made clothes, sports goods, surgical equipment, bed sheets, curtains, rice, leather goods, cutlery aur fruits. Pakistan ye US, China, Europe, UAE, aur Saudi Arabia ko bechta hai.<br>
• <span class="highlight-word" style="color: #c0392b; font-weight: bold;">Imports (Dar-aamadath):</span> Jo goods koi mulk doosre mulkon se khareedta hai. Pakistan ki imports: Petroleum products, edible chemicals, iron, medicines, fertilizers, defense equipment, gariyan aur aeroplanes. Pakistan ye China, US, Japan, Europe, UAE aur Kuwait se khareedta hai.</p>
<div style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d; margin-bottom: 15px;">
<b>Summary Table:</b><br>
• <b>Exports:</b> Cotton se bani cheezein, Dhaga, Chawal.<br>
• <b>Imports:</b> Machinery, Loha aur Steel, Petroleum Products.
</div>
<h4 style="color: #3498db;">Means of Transportation (Naqal-o-hamal ke zaraye)</h4>
<p>Naqal-o-hamal ke zaraye ke bagair trade (tijaarat) mumkin nahi hai. Pakistan ke ahem means of transportation yeh hain:</p>
<ul>
<li>• <b>Highways (Shahrahein):</b> Pakistan mein transport ka sab se bara zariya highways hain. <span style="color: #2980b9; font-weight: bold;">N-5 Highway (Karachi - Torkham)</span> Pakistan ki sab se lambi highway hai.</li>
<li>• <b>Railway Lines:</b> Pakistan ke paas wasee railway network hai jis ki kul lambai 11,881 kilometers hai.</li>
<li>• <b>Airports (Hawai adday):</b> Sab se bara airport <span style="color: #27ae60;">Jinnah International Airport (Karachi)</span> hai.</li>
<li>• <b>Ports (Bandargahin):</b> Karachi Port, Bin Qasim aur Gwadar.</li>
</ul>
<p style="background: #fff8e1; padding: 10px; border-left: 4px solid #f1c40f;"><strong>Do you want to know more?</strong> <span style="color: #c0392b; font-weight: bold;">Kan Mehtarzai (Balochistan)</span> Pakistan ka sab se buland (highest) railway station tha.</p>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 6</h3>
<h4 style="color: #3498db;">معاشیات (اکنامکس)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو مکمل کرنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• گڈز (اشیاء/سامان) اور سروسز (خدمات) کی اصطلاحات (ٹرمز) کی تعریف کر سکیں۔<br>
• پبلک (عوامی) اور پرائیویٹ (نجی) گڈز اور سروسز کے درمیان فرق کر سکیں۔<br>
• کنزیومرز (صارفین) اور پروڈیوسرز (پیدا کار) کے کردار کی نشاندہی کر سکیں۔<br>
• انفلیشن (مہنگائی/افراطِ زر) اور اسکیرسٹی (قلت/کمی) کی وجوہات اور اقسام کا ذکر کر سکیں۔<br>
• ٹیکسز اور سرکاری قرضے کی اہمیت کو پہچان سکیں۔<br>
• ٹریڈ (تجارت)، ایکسپورٹس (برآمدات) اور امپورٹس (درآمدات) کی تعریف کر سکیں۔<br>
• پاکستان کے فروغ کے لیے انٹرنیشنل ٹریڈ کی اہمیت بیان کر سکیں۔<br>
• نقل و حمل (ٹرانسپورٹیشن) کے اہم ذرائع کو پہچان سکیں۔</p>
<p><span class="highlight-word" style="color: #27ae60; font-weight: bold;">معاشیات (Economics)</span> علم کی وہ شاخ ہے جو گڈز (اشیاء) اور سروسز (خدمات) کی پیداوار، تقسیم اور استعمال سے تعلق رکھتی ہے۔ وہ چیزیں جنہیں ہم دیکھ، چھو اور استعمال کر سکتے ہیں، <span style="color: #2980b9; font-weight: bold;">اشیاء (Goods)</span> کہلاتی ہیں جیسے کہ پھل، سبزیاں، درخت، کتابیں وغیرہ۔ سروس پیسے کمانے کے لیے اپنی صلاحیتوں کا استعمال ہے، جیسے کہ ایک کسان فصل اگاتا ہے اور اسے بیچتا ہے جس سے لوگوں کو کھانا اور کسان کو پیسے ملتے ہیں۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>سوچیں اور جواب دیں! (تھنک اینڈ آنسر!):</strong><br>
• گڈز اور سروسز میں کیا فرق ہے؟ اپنے آس پاس موجود گڈز اور سروسز کے نام لکھیں۔
</p>
<h4 style="color: #3498db;">پبلک اور پرائیویٹ اشیاء اور خدمات</h4>
<p>گڈز اور سروسز کی دو اقسام ہیں:<br>
1. <b>پبلک گڈز اینڈ سروسز (عوامی اشیاء اور خدمات)</b><br>
2. <b>پرائیویٹ گڈز اینڈ سروسز (نجی اشیاء اور خدمات)</b></p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">پبلک گڈز اور خدمات:</span> کسی ملک کی حکومت کی طرف سے اپنے شہریوں کو فراہم کی جانے والی سہولیات کو پبلک گڈز اور سروسز کہا جاتا ہے جو مفت فراہم کی جاتی ہیں، جیسے صحت اور تعلیم۔<br>
- <i>عوامی خدمات (Public Services):</i> سرکاری اسکول، ہاسپٹل، ڈاک خانے، اسٹیٹ بینک، سرکاری لائبریریز، پولیس، آرمی، پارکس وغیرہ۔<br>
- <i>عوامی اشیاء (Public Goods):</i> سڑکیں، بجلی کے کھمبے، بینچز، صاف پانی، نقل و حمل کے ذرائع، بجلی، گیس وغیرہ۔</p>
<p><b>کچھ اہم سرکاری ادارے (پبلک انسٹیٹیوشنز) یہ ہیں:</b><br>
• پاکستان آرڈیننس فیکٹری، واہ کینٹ۔ | • پاکستان اسٹیل ملاز۔ | • کراچی شپ یارڈ اینڈ انجینئرنگ ورکس۔ | • او جی ڈی سی ایل (OGDCL)۔ | • پاکستان پوسٹ۔</p>
<p>• <span class="highlight-word" style="color: #d35400; font-weight: bold;">پرائیویٹ گڈز اور خدمات:</span> وہ اشیاء اور خدمات ہیں جن کی ملکیت کسی مخصوص شخص کے پاس ہوتی ہے اور یہ براہِ راست حکومت کی ملکیت نہیں ہوتیں۔<br>
- <i>نجی اشیاء:</i> کھانا، کپڑے، کھلونے، برتن، ذاتی گھر، گاڑی، کھیل کا سامان وغیرہ۔<br>
- <i>نجی خدمات:</i> ہوٹل، نقل و حمل کے پرائیویٹ ذرائع، پرائیویٹ ہاسپٹل، پرائیویٹ اسکول، نائی، ذاتی کاروبار، فصلیں، کوریئر سروس، گھریلو صنعت وغیرہ۔</p>
<h4 style="color: #3498db;">پیدا کار اور صارفین (Producers and Consumers)</h4>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">پیدا کار (Producers):</span> یہ گڈز اور سروسز پیدا کرتے ہیں اور فراہم کرتے ہیں، جیسے کسان اور صنعت کار۔ کسان فصلیں اگاتے ہیں اور صنعت کار فیکٹریوں میں چیزیں بناتے ہیں۔<br>
• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">صارفین (Consumers):</span> وہ لوگ جو گڈز اور سروسز کو خریدتے اور استعمال کرتے ہیں، انہیں صارفین کہا جاتا ہے۔ ایک صارف پیسوں سے چیزیں خریدتا ہے۔</p>
<h4 style="color: #3498db;">مہنگائی (Inflation)</h4>
<p>قیمتوں میں مسلسل اضافے کی شرح کو <span class="highlight-word" style="color: #c0392b; font-weight: bold;">مہنگائی (افراطِ زر)</span> کہا جاتا ہے۔ اس کی سب سے بڑی وجہ کرنسی کی قدر میں کمی ہے۔ کرنسی کی قدر <b>گروس ڈومیسٹک پروڈکٹ (جی ڈی پی)</b> سے حاصل ہوتی ہے۔</p>
<p>پاکستان میں مہنگائی کی بڑی وجوہات میں پیٹرولیم مصنوعات کی قیمتوں میں اضافہ ہے، جس سے نقل و حمل کی لاگت بڑھ جاتی ہے اور پھلوں، سبزیوں کی قیمتیں بھی بڑھ جاتی ہیں۔ ملک میں کم پیداوار کی وجہ سے درآمد شدہ اشیاء بھی مہنگی ہوتی ہیں۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>گروس ڈومیسٹک پروڈکٹ (جی ڈی پی) / کل ملکی پیداوار:</strong> ایک سال میں کسی ملک میں پیدا ہونے والی اشیاء اور خدمات کی کل مالیت۔</p>
<h4 style="color: #3498db;">مہنگائی کی اقسام (Types of Inflation)</h4>
<p>1. <span style="font-weight: bold; color: #d35400;">کاسٹ پُش انفلیشن (لاگت کی وجہ سے مہنگائی):</span> کسی پروڈکٹ کی تیاری کے اخراجات بڑھنے کی وجہ سے جو مہنگائی ہوتی ہے (مثال کے طور پر اگر اسٹیل اور پلاسٹک مہنگا ہو جائے تو بائیسکل کی قیمت بڑھ جائے گی)۔<br>
2. <span style="font-weight: bold; color: #d35400;">ڈیمانڈ پُل انفلیشن (طلب کی وجہ سے مہنگائی):</span> جب خریداری کی قوت بڑھ جائے اور طلب کے مقابلے میں چیزیں کم دستیاب ہوں (مثال کے طور پر بازار میں کمپیوٹر کم ہوں اور خریدار زیادہ ہوں)۔</p>
<h4 style="color: #3498db;">قلت (Scarcity)</h4>
<p>جب انسانی وسائل اور سرمایہ لوگوں کی ضروریات پوری کرنے کے لیے کافی نہ ہوں، تو اسے <span class="highlight-word" style="color: #c0392b; font-weight: bold;">قلت (اسکیرسٹی)</span> کہتے ہیں۔ اس کی وجوہات درج ذیل ہیں:<br>
• قدرتی آفات کی وجہ سے فصلیں تباہ ہونا۔<br>
• بجلی اور گیس کی قلت کی وجہ سے فیکٹریوں میں پیداوار کا رکنا۔<br>
• ہورڈنگ (ذخیرہ اندوزی) کرنا۔</p>
<p style="background: #e8f5e9; padding: 10px; border-right: 4px solid #2e7d32;"><i>آئیے کچھ نیا کرتے ہیں! کچھ گڈز کی لسٹ تیار کریں اور ان کی موجودہ قیمتوں کا پچھلے سال کی قیمتوں سے موازنہ کریں۔</i></p>
<h4 style="color: #3498db;">ٹیکسز اور قرضے (Taxes and Loans)</h4>
<p>حکومت کو پبلک گڈز اور سروسز فراہم کرنے کے لیے ٹیکسز کے ذریعے رقم حاصل ہوتی ہے۔ بعض اوقات حکومت اخراجات پورے کرنے کے لیے عالمی بینک اور آئی ایم ایف جیسے بین الاقوامی اداروں سے قرضے لیتی ہے اور ترقیاتی پروجیکٹس شروع کرتی ہے۔</p>
<p><b>ٹیکس کی اقسام:</b><br>
• <b>انکم ٹیکس:</b> آمدنی پر ٹیکس۔<br>
• <b>ٹول ٹیکس:</b> سڑکوں کے استعمال پر ٹیکس۔<br>
• <b>پراپرٹی ٹیکس:</b> گھر یا زمین کی ملکیت پر ٹیکس۔<br>
• <b>سیلز ٹیکس:</b> اشیاء اور خدمات کی خرید و فروخت پر ٹیکس۔</p>
<h4 style="color: #3498db;">تجارت، درآمدات اور برآمدات</h4>
<p>اشیائے ضرورت کی خرید و فروخت کو <span class="highlight-word" style="color: #27ae60; font-weight: bold;">تجارت (ٹریڈ)</span> کہتے ہیں۔ دو ملکوں کے درمیان تجارت کو <b>انٹرنیشنل ٹریڈ (بین الاقوامی تجارت)</b> کہا جاتا ہے۔ اس سے روزگار ملتا ہے، زرِ مبادلہ میں اضافہ ہوتا ہے اور غربت کم ہوتی ہے۔</p>
<p>• <span class="highlight-word" style="color: #16a085; font-weight: bold;">برآمدات (Exports):</span> وہ اشیاء جو کوئی ملک دوسرے ملک کو بیچتا ہے۔ پاکستان کی برآمدات: سوتی کپڑا، دھاگا، ریڈی میڈ کپڑے، کھیل کا سامان، سرجیکل آلات، بیڈ شیٹس، چاول، چمڑے کا سامان اور پھل شامل ہیں۔ یہ امریکہ، چین، یورپ اور سعودی عرب کو بھیجی جاتی ہیں۔<br>
• <span class="highlight-word" style="color: #c0392b; font-weight: bold;">درآمدات (Imports):</span> وہ اشیاء جو کوئی ملک دوسرے ملکوں سے خریدتا ہے۔ پاکستان کی درآمدات: پیٹرولیم مصنوعات، خوردنی کیمیکلز، لوہا، دوائیاں، کھادیں، دفاعی سامان، گاڑیاں اور ہوائی جہاز شامل ہیں۔ یہ چین، امریکہ، جاپان اور کویت سے منگوائی جاتی ہیں۔</p>
<div style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d; margin-bottom: 15px;">
<b>خلاصہ کالم:</b><br>
• <b>برآمدات:</b> کاٹن سے بنی چیزیں، دھاگا، چاول۔<br>
• <b>درآمدات:</b> مشینری، لوہا اور اسٹیل، پیٹرولیم پروڈکٹس۔
</div>
<h4 style="color: #3498db;">نقل و حمل کے ذرائع (Means of Transportation)</h4>
<p>نقل و حمل کے ذرائع کے بغیر تجارت ممکن نہیں ہے۔ پاکستان کے اہم نقل و حمل کے ذرائع یہ ہیں:</p>
<ul>
<li>• <b>ہائی ویز (شاہراہیں):</b> پاکستان میں ٹرانسپورٹ کا سب سے بڑا ذریعہ ہیں۔ <span style="color: #2980b9; font-weight: bold;">این-5 ہائی وے (کراچی - طورخم)</span> پاکستان کی سب سے لمبی ہائی وے ہے۔</li>
<li>• <b>ریلوے لائنز:</b> پاکستان کے پاس 11,881 کلومیٹر طویل ریلوے نیٹ ورک ہے۔</li>
<li>• <b>ایئرپورٹس (ہوائی اڈے):</b> سب سے بڑا ایئرپورٹ <span style="color: #27ae60;">جناح انٹرنیشنل ایئرپورٹ (کراچی)</span> ہے۔</li>
<li>• <b>بندرگاہیں (پورٹس):</b> کراچی پورٹ، پورٹ قاسم اور گوادر پورٹ۔</li>
</ul>
<p style="background: #fff8e1; padding: 10px; border-right: 4px solid #f1c40f;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> <span style="color: #c0392b; font-weight: bold;">کان مہترزئی (بلوچستان)</span> پاکستان کا سب سے بلند (ہائیسٹ) ریلوے اسٹیشن تھا۔</p>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: 5th Class Social Studies Chapter 6: Economics</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is economics?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Economics is the study of how goods and services are produced, distributed, and used to meet people's needs.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the difference between goods and services?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Goods are physical items that can be seen and touched, such as books, clothes, and food. Services are activities or work provided by people, such as teaching, medical care, and transportation.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the difference between public and private goods and services?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Public goods and services are provided by the government for the benefit of citizens, while private goods and services are owned and provided by individuals or private businesses.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Who are producers and consumers?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Producers are people or businesses that make or provide goods and services. Consumers are people who buy and use those goods and services.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is inflation?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Inflation is the continuous increase in the prices of goods and services over time, which reduces the purchasing power of money.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the two main types of inflation?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The two main types of inflation are: 1) Cost-push inflation (prices rise because production costs increase) and 2) Demand-pull inflation (prices rise when demand is greater than supply).</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is scarcity and what causes it?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Scarcity is the shortage of goods or resources needed by people. It can be caused by natural disasters, unfavorable weather, power shortages, or hoarding.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why are taxes and government loans important?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Taxes and government loans provide funds for public services such as roads, schools, hospitals, electricity, and other development projects.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the difference between exports and imports?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Exports are goods that a country sells to other countries, while imports are goods that a country buys from other countries to meet its needs.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why is international trade important for Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>International trade helps Pakistan earn foreign exchange, create jobs, increase industrial production, reduce poverty, improve living standards, and support economic growth.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"topicHeading": "Economics",
"question": "Which branch of knowledge deals with the production, distribution, and usage of goods and services?",
"urdu": "علم کی وہ کون سی شاخ ہے جو اشیاء اور خدمات کی پیداوار، تقسیم اور استعمال سے متعلق ہے?",
"options": ["History", "Geography", "Economics", "Biology"],
"correctAnswer": "C",
"explanation": "[red]Economics[/red] is correct because it is the social science that studies how [blue]individuals and nations manage their resources[/blue] and products.",
"explanationUrdu": "[red]معاشیات (Economics)[/red] درست ہے کیونکہ یہ وہ مضمون ہے جس میں یہ پڑھا جاتا ہے کہ [blue]لوگ اور ممالک اپنے وسائل اور مصنوعات کا انتظام[/blue] کیسے کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the physical things that we can see, touch, and use called?",
"urdu": "وہ مادی چیزیں جنہیں ہم دیکھ، چھو اور استعمال کر سکتے ہیں، کیا کہلاتی ہیں؟",
"options": ["Services", "Goods", "Ideas", "Dreams"],
"correctAnswer": "B",
"explanation": "[red]Goods[/red] is correct because it refers to physical, [blue]tangible items[/blue] produced in an economy to satisfy human needs.",
"explanationUrdu": "[red]اشیاء (Goods)[/red] درست ہے کیونکہ اس سے مراد وہ [blue]ٹھوس اور مادی چیزیں[/blue] ہیں جو انسانی ضروریات کو پورا کرنے کے لیے تیار کی جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an example of \"goods\"?",
"urdu": "درج ذیل میں سے کون سی چیز \"اشیاء\" (goods) کی ایک مثال ہے؟",
"options": ["Fruits and vegetables", "Trees", "Books", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because fruits, vegetables, trees, and books are all [blue]tangible physical products[/blue] that can be touched and used.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ پھل، سبزیاں، درخت اور کتابیں سبھی وہ [blue]ٹھوس چیزیں[/blue] ہیں جنہیں چھوا اور استعمال کیا جا سکتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the use of personal abilities to earn money called?",
"urdu": "رقم کمانے کے لیے اپنی صلاحیتوں کے استعمال کو کیا کہا جاتا ہے؟",
"options": ["Goods", "Trade", "Service", "Asset"],
"correctAnswer": "C",
"explanation": "[red]Service[/red] is correct because it involves performing work or tasks using [blue]skills and talents[/blue] rather than selling a physical product.",
"explanationUrdu": "[red]خدمت (Service)[/red] درست ہے کیونکہ اس میں کسی مادی چیز کو بیچنے کے بجائے [blue]اپنی صلاحیتوں اور مہارتوں[/blue] کے ذریعے کام سرانجام دیا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "A farmer growing and selling crops to earn money is an example of providing a:",
"urdu": "ایک کسان کا رقم کمانے کے لیے فصلیں اگانا اور بیچنا کس کی مثال ہے؟",
"options": ["Service", "Free gift", "Public good", "Import"],
"correctAnswer": "A",
"explanation": "[red]Service[/red] is correct because the farmer uses their [blue]labor and skills[/blue] to grow food, which benefits consumers and earns income.",
"explanationUrdu": "[red]خدمت (Service)[/red] درست ہے کیونکہ کسان [blue]اپنی محنت اور مہارت[/blue] کو استعمال کر کے فصلیں اگاتا ہے، جس سے لوگوں کو خوراک ملتی ہے اور کسان پیسے کماتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the facilities provided by the government to its citizens called?",
"urdu": "حکومت کی طرف سے اپنے شہریوں کو فراہم کردہ سہولیات کو کیا کہا جاتا ہے؟",
"options": ["Private services", "Public goods and services", "Personal assets", "Scarcity"],
"correctAnswer": "B",
"explanation": "[red]Public goods and services[/red] is correct because these are the [blue]collective benefits[/blue] provided by the state for the welfare of all citizens.",
"explanationUrdu": "[red]عوامی اشیاء اور خدمات[/red] درست ہے کیونکہ یہ وہ [blue]اجتماعی سہولیات[/blue] ہیں جو ریاست اپنے تمام شہریوں کی فلاح و بہبود کے لیے فراہم کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How does the government usually provide public goods and services to its citizens?",
"urdu": "حکومت اپنے شہریوں کو عام طور پر عوامی اشیاء اور خدمات کیسے فراہم کرتی ہے؟",
"options": ["At high prices", "Free of cost", "Only to rich people", "Through trade only"],
"correctAnswer": "B",
"explanation": "[red]Free of cost[/red] is correct because the state uses [blue]public funds[/blue] to ensure that basic facilities like health and education are accessible to everyone.",
"explanationUrdu": "[red]مفت (Free of cost)[/red] درست ہے کیونکہ ریاست [blue]سرکاری فنڈز[/blue] کو بنیادی سہولیات جیسے صحت اور تعلیم کو ہر شہری کے لیے بلا معاوضہ فراہم کرنے کے لیے استعمال کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an example of a \"public service\" provided by the government?",
"urdu": "درج ذیل میں سے کون سی چیز حکومت کی طرف سے فراہم کردہ \"عوامی سروس\" کی ایک مثال ہے؟",
"options": ["Public schools and hospitals", "Post offices and state bank", "Police and army", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because schools, hospitals, post offices, the state bank, and security forces are all [blue]official institutions[/blue] run by the government.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ اسکول، ہسپتال، ڈاکخانہ، اسٹیٹ بینک اور سیکیورٹی فورسز سبھی حکومت کے زیرِ انتظام چلنے والے [blue]سرکاری ادارے[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is categorized as a \"public good\"?",
"urdu": "درج ذیل میں سے کسے \"عوامی چیز\" (public good) سمجھا جاتا ہے؟",
"options": ["Personal car", "Roads and electricity poles", "Private house", "Toy shop"],
"correctAnswer": "B",
"explanation": "[red]Roads and electricity poles[/red] is correct because these structures are [blue]built by the state[/blue] for public use and cannot be owned privately.",
"explanationUrdu": "[red]سڑکیں اور بجلی کے کھمبے[/red] درست ہے کیونکہ یہ وہ [blue]بنیادی ڈھانچے[/blue] ہیں جو حکومت عوامی استعمال کے لیے تعمیر کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is the major public institution \"Pakistan Ordnance Factory\" located?",
"urdu": "پاکستان کا بڑا عوامی ادارہ \"پاکستان آرڈیننس فیکٹری\" کہاں واقع ہے؟",
"options": ["Lahore", "Karachi", "Wah Cantt", "Multan"],
"correctAnswer": "C",
"explanation": "[red]Wah Cantt[/red] is correct because this city is the [blue]historic site[/blue] of Pakistan's premier defense industry.",
"explanationUrdu": "[red]واہ کینٹ[/red] درست ہے کیونکہ یہ شہر پاکستان کی سب سے بڑی اور بنیادی [blue]دفاعی صنعت کا مرکز[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is a major public institution in Pakistan?",
"urdu": "منسلک فہرست میں سے پاکستان کا ایک بڑا عوامی ادارہ کون سا ہے؟",
"options": ["Pakistan Steel Mills", "Karachi Shipyard", "Pakistan Post", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the Steel Mills, Karachi Shipyard, and Pakistan Post are all [blue]major state-owned enterprises[/blue] in the country.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ اسٹیل ملز، کراچی شپ یارڈ اور پاکستان پوسٹ سبھی ملکی سطح پر حکومت کی ملکیت میں چلنے والے [blue]بڑے قومی ادارے[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the goods and services owned directly by an individual person called?",
"urdu": "کسی فرد کی ذاتی ملکیت میں موجود اشیاء اور خدمات کو کیا کہتے ہیں؟",
"options": ["Public goods", "Private goods and services", "Government assets", "Shared resources"],
"correctAnswer": "B",
"explanation": "[red]Private goods and services[/red] is correct because these items are [blue]purchased and owned privately[/blue], not managed by the government.",
"explanationUrdu": "[red]نجی اشیاء اور خدمات[/red] درست ہے کیونکہ یہ وہ چیزیں ہیں جو کوئی شخص اپنے پیسوں سے خریدتا ہے اور وہ [blue]حکومت کی ملکیت نہیں ہوتیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who directly owns and manages public goods and services?",
"urdu": "عوامی اشیاء اور خدمات کا براہِ راست مالک کون ہوتا ہے اور ان کا انتظام کون دیکھتا ہے؟",
"options": ["Private citizens", "The government", "Foreign banks", "Large business owners"],
"correctAnswer": "B",
"explanation": "[red]The government[/red] is correct because public assets are financed and [blue]controlled by the state[/blue] for the benefit of the whole population.",
"explanationUrdu": "[red]حکومت (Government)[/red] درست ہے کیونکہ عوامی اثاثوں کی مالی امداد اور ان کا [blue]کنٹرول شہریوں کی فلاح کے لیے حکومت[/blue] کے ہاتھ میں ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an example of a \"private good\"?",
"urdu": "درج ذیل میں سے کون سی چیز \"نجی چیز\" (private good) کی ایک مثال ہے؟",
"options": ["Public highway", "Personal house and clothes", "Street light", "Electricity pole"],
"correctAnswer": "B",
"explanation": "[red]Personal house and clothes[/red] is correct because these are [blue]private possessions[/blue] used exclusively by their respective owners.",
"explanationUrdu": "[red]ذاتی گھر اور کپڑے[/red] درست ہے کیونکہ یہ وہ [blue]نجی اشیاء[/blue] ہیں جو صرف ان کے مالکان کے زیرِ استعمال ہوتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is categorized as a \"private service\"?",
"urdu": "درج ذیل میں سے کسے \"نجی سروس\" (private service) کے زمرے میں رکھا جاتا ہے؟",
"options": ["Army", "Post office", "Private hospital and school", "State Bank"],
"correctAnswer": "C",
"explanation": "[red]Private hospital and school[/red] is correct because these institutions are [blue]run by private individuals or companies[/blue], not by the state.",
"explanationUrdu": "[red]نجی ہسپتال اور اسکول[/red] درست ہے کیونکہ یہ ادارے حکومت کے بجائے [blue]نجی افراد یا کمپنیوں کے تحت[/blue] چلائے جاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who produces and provides goods and services in an economy?",
"urdu": "معیشت میں اشیاء اور خدمات کون تیار اور فراہم کرتا ہے؟",
"options": ["Consumers", "Producers", "Buyers", "Tourists"],
"correctAnswer": "B",
"explanation": "[red]Producers[/red] is correct because they are the individuals or businesses that [blue]create products and services[/blue] for sale in the market.",
"explanationUrdu": "[red]پیدا کنندگان (Producers)[/red] درست ہے کیونکہ یہ وہ افراد یا کاروبار ہیں جو مارکیٹ میں فروخت کے لیے [blue]مصنوعات اور خدمات تیار کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who are the main types of producers mentioned in Pakistan's economy?",
"urdu": "پاکستان کی معیشت میں بنیادی پیدا کنندہ (producers) کون ہیں؟",
"options": ["Farmers", "Industrialists", "Both (A) and (B)", "Only consumers"],
"correctAnswer": "C",
"explanation": "[red]Both (A) and (B)[/red] is correct because both farmers (agriculture) and industrialists (manufacturing) are the [blue]key creators of goods[/blue] in our society.",
"explanationUrdu": "[red](A) اور (B) دونوں[/red] درست ہے کیونکہ کسان (زراعت) اور صنعت کار (مصنوعات کی تیاری) دونوں ہی ہمارے معاشرے میں [blue]اشیاء پیدا کرنے والے اہم ترین ذرائع[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are those people called who buy and use goods and services?",
"urdu": "وہ لوگ کیا کہلاتے ہیں جو اشیاء اور خدمات خریدتے اور انہیں استعمال کرتے ہیں؟",
"options": ["Producers", "Consumers", "Sellers", "Workers"],
"correctAnswer": "B",
"explanation": "[red]Consumers[/red] is correct because they are the final users who purchase products to [blue]satisfy their daily needs[/blue].",
"explanationUrdu": "[red]صارفین (Consumers)[/red] درست ہے کیونکہ یہ وہ آخری استعمال کنندہ ہیں جو اپنی [blue]روزمرہ کی ضروریات پوری کرنے[/blue] کے لیے مصنوعات خریدتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does a consumer primarily use to buy goods and services in the market?",
"urdu": "ایک صارف مارکیٹ میں اشیاء اور خدمات خریدنے کے لیے بنیادی طور پر کیا استعمال کرتا ہے؟",
"options": ["Only exchange of goods", "Money", "Promise notes", "Official letters"],
"correctAnswer": "B",
"explanation": "[red]Money[/red] is correct because it serves as the [blue]standard medium of exchange[/blue] to purchase any product or service.",
"explanationUrdu": "[red]رقم (Money)[/red] درست ہے کیونکہ یہ کسی بھی مصنوعات یا خدمات کو خریدنے کے لیے [blue]لین دین کا بنیادی اور معیاری ذریعہ[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the rate of continuous rise in the prices of goods and services called?",
"urdu": "اشیاء اور خدمات کی قیمتوں میں مسلسل اضافے کی شرح کو کیا کہتے ہیں؟",
"options": ["Devaluation", "Scarcity", "Inflation", "Production"],
"correctAnswer": "C",
"explanation": "[red]Inflation[/red] is correct because it describes the economic state where the general price level of goods rises over time, [blue]reducing purchasing power[/blue].",
"explanationUrdu": "[red]افراطِ زر (Inflation) یا مہنگائی[/red] درست ہے کیونکہ یہ اس معاشی حالت کو ظاہر کرتا ہے جہاں [blue]وقت کے ساتھ اشیاء کی قیمتیں بڑھتی جاتی ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the primary cause of inflation in an economy?",
"urdu": "معیشت میں افراطِ زر (inflation) کی بنیادی وجہ کیا ہوتی ہے؟",
"options": ["Increase in goods", "Devaluation of currency", "Population decrease", "Having more parks"],
"correctAnswer": "B",
"explanation": "[red]Devaluation of currency[/red] is correct because when money loses its value, you need [blue]more of it[/blue] to buy the same amount of goods.",
"explanationUrdu": "[red]کرنسی کی قدر میں کمی[/red] درست ہے کیونکہ جب [blue]پیسے کی اپنی قدر کم ہو جاتی ہے[/blue] تو اسی چیز کو خریدنے کے لیے زیادہ رقم ادا کرنی پڑتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the total value of goods and services produced in a country in one year called?",
"urdu": "ایک سال میں کسی ملک میں پیدا ہونے والی تمام اشیاء اور خدمات کی کل مالیت کو کیا کہتے ہیں؟",
"options": ["Inflation", "Scarcity", "Gross Domestic Product (GDP)", "Revenue"],
"correctAnswer": "C",
"explanation": "[red]Gross Domestic Product (GDP)[/red] is correct because GDP is the standard metric used to [blue]measure the economic size[/blue] and output of a nation.",
"explanationUrdu": "[red]جی ڈی پی (Gross Domestic Product)[/red] درست ہے کیونکہ یہ وہ پیمانہ ہے جو کسی ملک کی [blue]معاشی ترقی اور پیداواری طاقت[/blue] کو ماپنے کے لیے استعمال ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What happens to the value of a currency when a country's GDP increases?",
"urdu": "جب کسی ملک کی جی ڈی پی (GDP) بڑھتی ہے تو اس کی کرنسی کی قدر پر کیا اثر پڑتا ہے؟",
"options": ["It decreases", "It increases", "It stops completely", "It stays zero"],
"correctAnswer": "B",
"explanation": "[red]It increases[/red] is correct because a higher GDP shows a [blue]strong economy[/blue], which naturally boosts the value and worth of that nation's currency.",
"explanationUrdu": "[red]بڑھ جاتی ہے[/red] درست ہے کیونکہ زیادہ جی ڈی پی [blue]ایک مضبوط معیشت[/blue] کو ظاہر کرتی ہے، جو قدرتی طور پر اس ملک کی کرنسی کی قدر کو بڑھاتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a major reason for inflation in Pakistan related to energy and fuel?",
"urdu": "توانائی اور ایندھن کے حوالے سے پاکستان میں مہنگائی کی ایک بڑی وجہ کیا ہے؟",
"options": ["Excess of crops", "Rise in the prices of petroleum products", "Too much rainfall", "Printing of more books"],
"correctAnswer": "B",
"explanation": "[red]Rise in the prices of petroleum products[/red] is correct because fuel is needed for transport and factories, so its [blue]cost affects all other goods[/blue].",
"explanationUrdu": "[red]پیٹرولیم مصنوعات کی قیمتوں میں اضافہ[/red] درست ہے کیونکہ ٹرانسپورٹ اور فیکٹریوں کے لیے ایندھن ضروری ہے، اس لیے [blue]اس کی قیمت دیگر تمام اشیاء کو مہنگا کرتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From where does Pakistan primarily buy its required petroleum products?",
"urdu": "پاکستان بنیادی طور پر اپنی مطلوبہ پیٹرولیم مصنوعات کہاں سے حاصل کرتا ہے؟",
"options": ["From local forests", "From international markets", "From rain water", "It produces everything at home"],
"correctAnswer": "B",
"explanation": "[red]From international markets[/red] is correct because Pakistan does not produce enough [blue]oil locally[/blue] and must import it from foreign countries.",
"explanationUrdu": "[red]بین الاقوامی مارکیٹوں سے[/red] درست ہے کیونکہ پاکستان اپنے ہاں [blue]وافر مقدار میں تیل پیدا نہیں کرتا[/blue] اور اسے یہ باہر سے خریدنا پڑتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why do the prices of vegetables and fruits rise when petrol prices increase?",
"urdu": "پیٹرول کی قیمتیں بڑھنے سے سبزیوں اور پھلوں کی قیمتیں کیوں بڑھ جاتی ہیں؟",
"options": ["Because they become sweeter", "Because the cost of transportation increases", "Because they grow very slowly", "Because soil becomes dry"],
"correctAnswer": "B",
"explanation": "[red]Because the cost of transportation increases[/red] is correct because trucks and vehicles carrying these foods require more expensive fuel, [blue]adding to the final price[/blue].",
"explanationUrdu": "[red]نقل و حمل (ٹرانسپورٹ) کے اخراجات بڑھنے سے[/red] درست ہے کیونکہ ان اشیاء کو لانے والی گاڑیوں کا ایندھن مہنگا ہو جاتا ہے جس سے [blue]قیمتیں بڑھتی ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why do prices increase when goods are imported from foreign countries?",
"urdu": "جب دوسرے ممالک سے اشیاء درآمد (import) کی جاتی ہیں تو ان کی قیمتیں کیوں زیادہ ہوتی ہیں؟",
"options": ["Due to less local production", "Due to more local production", "Due to cold weather", "Due to more local factories"],
"correctAnswer": "A",
"explanation": "[red]Due to less local production[/red] is correct because when we cannot make enough things at home, we must buy them from abroad at [blue]higher costs[/blue].",
"explanationUrdu": "[red]ملک میں کم پیداوار کی وجہ سے[/red] درست ہے کیونکہ جب ہم اپنے ہاں کافی اشیاء تیار نہیں کر پاتے تو ہمیں وہ [blue]زیادہ قیمت پر باہر سے خریدنی پڑتی ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Into how many main types is inflation categorized?",
"urdu": "افراطِ زر (inflation) کو بنیادی طور پر کتنی اقسام میں تقسیم کیا گیا ہے؟",
"options": ["Five types", "Two types", "Ten types", "Three types"],
"correctAnswer": "B",
"explanation": "[red]Two types[/red] is correct because inflation is classified into [blue]two forms based on its cause[/blue]: Cost Push and Demand Pull.",
"explanationUrdu": "[red]دو اقسام[/red] درست ہے کیونکہ مہنگائی کو اس کی وجوہات کی بنیاد پر [blue]دو شکلوں یعنی 'کاسٹ پش' اور 'ڈیمانڈ پل'[/blue] میں تقسیم کیا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of inflation is caused by an increase in the production charges (cost) of goods?",
"urdu": "اشیاء کی پیداواری لاگت (cost) میں اضافے سے کون سا افراطِ زر پیدا ہوتا ہے؟",
"options": ["Demand Pull", "Cost Push Inflation", "Deflation", "Direct tax"],
"correctAnswer": "B",
"explanation": "[red]Cost Push Inflation[/red] is correct because when raw materials like steel or plastic become expensive, the factory [blue]must increase the product's price[/blue] to cover costs.",
"explanationUrdu": "[red]کاسٹ پش انفلیشن (Cost Push)[/red] درست ہے کیونکہ جب خام مال جیسے اسٹیل یا پلاسٹک مہنگا ہوتا ہے تو فیکٹری کو لاگت پوری کرنے کے لیے [blue]قیمت بڑھانی پڑتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the total production charges of a product called in economics?",
"urdu": "معاشیات میں کسی پروڈکٹ کو تیار کرنے کے کل اخراجات کو کیا کہا جاتا ہے؟",
"options": ["Price", "Cost", "Demand", "Scarcity"],
"correctAnswer": "B",
"explanation": "[red]Cost[/red] is correct because it represents the [blue]total money spent on raw materials[/blue], labor, and energy to manufacture a good.",
"explanationUrdu": "[red]لاگت (Cost)[/red] درست ہے کیونکہ یہ کسی چیز کو بنانے کے لیے [blue]خام مال، مزدوری اور توانائی پر خرچ ہونے والی[/blue] کل رقم کو ظاہر کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of inflation emerges when things fall short of demand in the market?",
"urdu": "جب مارکیٹ میں اشیاء مانگ (طلب) سے کم ہو جائیں تو کون سی مہنگائی پیدا ہوتی ہے؟",
"options": ["Cost Push", "Demand Pull Inflation", "Revenue", "Import tax"],
"correctAnswer": "B",
"explanation": "[red]Demand Pull Inflation[/red] is correct because when many buyers want to purchase a limited number of items, they are [blue]willing to pay more[/blue], raising the price.",
"explanationUrdu": "[red]ڈیمانڈ پل انفلیشن (Demand Pull)[/red] درست ہے کیونکہ جب خریدار زیادہ ہوں اور اشیاء کم ہوں تو [blue]خریدار زیادہ قیمت دینے پر تیار ہو جاتے ہیں[/blue] جس سے قیمت بڑھتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In economics, the intention to purchase and purchasing power is called:",
"urdu": "معاشیات میں خریدنے کی نیت اور قوتِ خرید (purchasing power) کو کیا کہا جاتا ہے؟",
"options": ["Cost", "Supply", "Demand", "Scarcity"],
"correctAnswer": "C",
"explanation": "[red]Demand[/red] is correct because it represents how much of a product or service is [blue]wanted by buyers[/blue] who have the money to pay for it.",
"explanationUrdu": "[red]طلب (Demand)[/red] درست ہے کیونکہ یہ اس بات کو ظاہر کرتی ہے کہ خریداروں کو کسی چیز کی کتنی ضرورت ہے اور وہ [blue]اسے خریدنے کی کتنی طاقت[/blue] رکھتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the situation called when people face a shortage of desired goods in daily life?",
"urdu": "جب لوگوں کو روزمرہ زندگی میں مطلوبہ اشیاء مارکیٹ میں نہ ملیں (قلت ہو) تو اس صورتحال کو کیا کہتے ہیں؟",
"options": ["Inflation", "Scarcity", "Wealth", "Surplus"],
"correctAnswer": "B",
"explanation": "[red]Scarcity[/red] is correct because it describes a situation where [blue]resources are limited[/blue] and cannot satisfy the unlimited wants of all people.",
"explanationUrdu": "[red]قلت (Scarcity)[/red] درست ہے کیونکہ یہ اس صورتحال کو ظاہر کرتی ہے جہاں [blue]وسائل محدود ہوتے ہیں[/blue] اور وہ تمام لوگوں کی ضروریات کو پورا نہیں کر پاتے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do natural disasters like unfavorable weather cause a scarcity of food?",
"urdu": "خراب موسم اور قدرتی آفات اشیاء کی قلت کا سبب کیسے بنتی ہیں؟",
"options": ["By improving transport", "By damaging crops", "By making weather better", "By increasing water supply"],
"correctAnswer": "B",
"explanation": "[red]By damaging crops[/red] is correct because floods or droughts [blue]prevent food from growing well[/blue], reducing the supply available in the market.",
"explanationUrdu": "[red]فصلوں کو نقصان پہنچا کر[/red] درست ہے کیونکہ سیلاب یا قحط [blue]فصلوں کو تباہ کر دیتے ہیں[/blue] جس سے مارکیٹ میں خوراک کی سپلائی کم ہو جاتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why are goods sometimes not produced in time in factories, causing scarcity?",
"urdu": "کارخانوں میں وقت پر اشیاء تیار نہ ہونے اور قلت کی کیا بڑی وجہ ہوتی ہے؟",
"options": ["Excess of labor", "Shortage of electricity and gas", "Too much raw material", "Cold weather only"],
"correctAnswer": "B",
"explanation": "[red]Shortage of electricity and gas[/red] is correct because factories need [blue]energy to run machines[/blue]; without it, production stops.",
"explanationUrdu": "[red]بجلی اور گیس کی قلت[/red] درست ہے کیونکہ فیکٹریوں کو [blue]مشینیں چلانے کے لیے توانائی[/blue] کی ضرورت ہوتی ہے، اس کے بغیر پیداوار رک جاتی ہے اور اشیاء کی قلت ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is also a major human cause of artificial scarcity?",
"urdu": "منزلِ مندرجہ ذیل میں سے کون سا انسانی فعل مصنوعی قلت کی ایک بڑی وجہ ہے؟",
"options": ["Education", "Hoarding", "Farming", "Tourism"],
"correctAnswer": "B",
"explanation": "[red]Hoarding[/red] is correct because [blue]illegally storing and hiding goods[/blue] to sell them later at higher prices creates an artificial shortage.",
"explanationUrdu": "[red]ذخیرہ اندوزی (Hoarding)[/red] درست ہے کیونکہ زیادہ منافع کے لیے [blue]اشیاء کو چھپا کر رکھ لینا[/blue] مارکیٹ میں مصنوعی قلت پیدا کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why does the government need money to operate in a country?",
"urdu": "حکومت کو ملک چلانے کے لیے رقم کی ضرورت کیوں ہوتی ہے؟",
"options": ["To buy personal luxury cars", "To provide public goods and services", "To give gifts to other nations", "To close banks"],
"correctAnswer": "B",
"explanation": "[red]To provide public goods and services[/red] is correct because building [blue]roads, schools, and hospitals[/blue] requires massive funds from the state.",
"explanationUrdu": "[red]عوامی اشیاء اور خدمات فراہم کرنے کے لیے[/red] درست ہے کیونکہ [blue]سڑکیں، اسکول اور ہسپتال بنانے[/blue] کے لیے حکومت کو بڑے فنڈز کی ضرورت ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "How does the government primarily receive money from the citizens?",
"urdu": "حکومت بنیادی طور پر شہریوں سے رقم کس شکل میں حاصل کرتی ہے؟",
"options": ["As voluntary gifts", "Through taxes", "By taking their cars", "As direct business profit"],
"correctAnswer": "B",
"explanation": "[red]Through taxes[/red] is correct because taxes are [blue]compulsory payments[/blue] made by individuals and businesses to fund public expenditures.",
"explanationUrdu": "[red]ٹیکسوں (Taxes)[/red] کے ذریعے درست ہے کیونکہ ٹیکس وہ [blue]لازمی ادائیگیاں[/blue] ہیں جو شہری اور کاروبار حکومتی اخراجات کے لیے ادا کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where does the government take loans from when tax money is not enough?",
"urdu": "جب ٹیکسوں سے حاصل ہونے والی رقم کافی نہ ہو تو حکومت کہاں سے قرض لیتی ہے؟",
"options": ["Only local grocery shops", "Banks, World Bank, and IMF", "Private schools", "Poor citizens"],
"correctAnswer": "B",
"explanation": "[red]Banks, World Bank, and IMF[/red] is correct as these [blue]financial institutions[/blue] lend money to governments for national development.",
"explanationUrdu": "[red]بینکوں، ورلڈ بینک اور آئی ایم ایف سے[/red] درست ہے کیونکہ یہ [blue]مالیاتی ادارے[/blue] حکومتوں کو ترقیاتی کاموں کے لیے قرض فراہم کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On what is a large part of Pakistan's Gross Domestic Product (GDP) spent?",
"urdu": "پاکستان کی جی ڈی پی (GDP) کا ایک بڑا حصہ کس چیز پر خرچ ہوتا ہے؟",
"options": ["Building large parks", "Repaying loans", "Planting forests", "Giving free food"],
"correctAnswer": "B",
"explanation": "[red]Repaying loans[/red] is correct because the country has accumulated debt over time and must use its revenue to [blue]pay back those funds[/blue].",
"explanationUrdu": "[red]قرضوں کی واپسی پر[/red] درست ہے کیونکہ ملک پر قرضے جمع ہو چکے ہیں اور اسے اپنی آمدنی کا بڑا حصہ [blue]ان قرضوں کی واپسی کے لیے[/blue] استعمال کرنا پڑتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the tax levied on personal or business income called?",
"urdu": "ذاتی یا کاروباری آمدنی پر لگائے جانے والے ٹیکس کو کیا کہتے ہیں؟",
"options": ["Toll tax", "Sales tax", "Income tax", "Property tax"],
"correctAnswer": "C",
"explanation": "[red]Income tax[/red] is correct because it is a [blue]direct tax[/blue] calculated based on how much money an individual or company earns.",
"explanationUrdu": "[red]انکم ٹیکس (Income tax)[/red] درست ہے کیونکہ یہ وہ [blue]براہِ راست ٹیکس[/blue] ہے جو کسی فرد یا کمپنی کی سالانہ آمدنی کی بنیاد پر لگایا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the tax paid by drivers for using roads and highways called?",
"urdu": "شاہراہیں اور سڑکیں استعمال کرنے پر ڈرائیوروں کی طرف سے ادا کیا جانے والا ٹیکس کیا کہلاتا ہے؟",
"options": ["Income tax", "Toll tax", "Sales tax", "Property tax"],
"correctAnswer": "B",
"explanation": "[red]Toll tax[/red] is correct because it is a fee collected to help the government [blue]maintain and repair[/blue] transport infrastructure.",
"explanationUrdu": "[red]ٹول ٹیکس (Toll tax)[/red] درست ہے کیونکہ یہ سڑکوں کی [blue]دیکھ بھال اور مرمت[/blue] کے لیے گاڑیوں سے وصول کیا جانے والا ٹیکس ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the tax on the ownership of a house, plot, or land called?",
"urdu": "گھر، پلاٹ یا زمین کی ملکیت پر لگنے والے ٹیکس کو کیا کہتے ہیں؟",
"options": ["Sales tax", "Property tax", "Toll tax", "Income tax"],
"correctAnswer": "B",
"explanation": "[red]Property tax[/red] is correct because it is a tax based on the [blue]value of the real estate[/blue] owned by a person or business.",
"explanationUrdu": "[red]پراپرٹی ٹیکس (Property tax)[/red] درست ہے کیونکہ یہ جائیداد یا زمین کی [blue]مالیت کی بنیاد[/blue] پر مالک سے وصول کیا جانے والا ٹیکس ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the tax charged on the purchase of goods and services called?",
"urdu": "اشیاء اور خدمات کی خریداری پر وصول کیا جانے والا ٹیکس کیا کہلاتا ہے؟",
"options": ["Income tax", "Sales tax", "Property tax", "Toll tax"],
"correctAnswer": "B",
"explanation": "[red]Sales tax[/red] is correct because it is a [blue]consumption tax[/blue] added to the price of products when they are sold to the final buyer.",
"explanationUrdu": "[red]سیلز ٹیکس (Sales tax)[/red] درست ہے کیونکہ یہ وہ ٹیکس ہے جو چیزوں کی خرید و فروخت کے وقت ان کی [blue]قیمت میں شامل[/blue] کیا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the term \"Trade\" mean in economics?",
"urdu": "معاشی اصطلاح میں \"تجارت\" (Trade) کا کیا مطلب ہے؟",
"options": ["Planting trees", "To buy and sell goods", "Saving money", "Building schools"],
"correctAnswer": "B",
"explanation": "[red]To buy and sell goods[/red] is correct because trade is the basic activity of [blue]exchanging products and services[/blue] between people or nations.",
"explanationUrdu": "[red]اشیاء کی خرید و فروخت[/red] درست ہے کیونکہ تجارت سے مراد لوگوں یا ممالک کے درمیان مصنوعات اور خدمات کا [blue]باہمی تبادلہ[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is trade conducted between two different countries called?",
"urdu": "دو مختلف ممالک کے درمیان ہونے والی تجارت کو کیا کہتے ہیں؟",
"options": ["Local trade", "International trade", "Private trade", "Wholesale"],
"correctAnswer": "B",
"explanation": "[red]International trade[/red] is correct because it involves [blue]import and export activities[/blue] across national borders.",
"explanationUrdu": "[red]بین الاقوامی تجارت (International trade)[/red] درست ہے کیونکہ اس میں قومی سرحدوں کے پار [blue]اشیاء کی برآمد اور درآمد[/blue] شامل ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Is any country in the world completely self-sufficient in everything?",
"urdu": "کیا دنیا کا کوئی بھی ملک ہر چیز میں مکمل طور پر خود کفیل (self-sufficient) ہے؟",
"options": ["Yes, all are self-sufficient", "No country is self-sufficient", "Only Pakistan is self-sufficient", "Only rich countries are self-sufficient"],
"correctAnswer": "B",
"explanation": "[red]No country is self-sufficient[/red] is correct because every nation [blue]relies on trade[/blue] to get resources they cannot produce locally.",
"explanationUrdu": "[red]کوئی ملک خود کفیل نہیں ہے[/red] درست ہے کیونکہ ہر ملک کو ان وسائل کے لیے [blue]تجارت پر انحصار[/blue] کرنا پڑتا ہے جو وہ خود پیدا نہیں کر سکتا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What benefits do countries primarily get from international trade?",
"urdu": "موالک بین الاقوامی تجارت سے بنیادی طور پر کیا فوائد حاصل کرتے ہیں؟",
"options": ["Loss of land", "Financial benefits", "High pollution", "Heavy physical fatigue"],
"correctAnswer": "B",
"explanation": "[red]Financial benefits[/red] is correct because selling goods abroad brings [blue]wealth, foreign currency[/blue], and economic growth to the nation.",
"explanationUrdu": "[red]مالی فوائد (Financial benefits)[/red] درست ہے کیونکہ باہر چیزیں بیچنے سے ملک میں [blue]دولت اور معاشی خوشحالی[/blue] آتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What will happen in Pakistan if exports increase?",
"urdu": "اگر پاکستان کی برآمدات (exports) بڑھیں تو کیا ہوگا؟",
"options": ["Industries will close", "More industries will be set up", "Poverty will increase", "People will lose jobs"],
"correctAnswer": "B",
"explanation": "[red]More industries will be set up[/red] is correct because producing more goods for foreign markets [blue]requires expanding factories[/blue].",
"explanationUrdu": "[red]صنعتیں بڑھیں گی[/red] درست ہے کیونکہ زیادہ برآمدات کی صورت میں اشیاء تیار کرنے کے لیے ملک میں [blue]مزید فیکٹریاں[/blue] قائم ہوں گی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For what purpose do provincial governments primarily work?",
"urdu": "صوبائی حکومتیں بنیادی طور پر کس مقصد کے لیے کام کرتی ہیں؟",
"options": ["For international trade only", "For the welfare of their respective provinces", "For global peace only", "For private companies"],
"correctAnswer": "B",
"explanation": "[red]For the welfare of their respective provinces[/red] is correct because each province focuses on [blue]providing better services[/blue] and life for its own residents.",
"explanationUrdu": "[red]اپنے متعلقہ صوبوں کی بہبود کے لیے[/red] درست ہے کیونکہ ہر صوبہ اپنے شہریوں کو [blue]بہتر سہولیات اور زندگی فراہم کرنے[/blue] پر توجہ مرکوز کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "At which level does the local government control matters?",
"urdu": "مقامی حکومت کس سطح پر معاملات کو کنٹرول کرتی ہے؟",
"options": ["National level", "International level", "District level", "Federal level"],
"correctAnswer": "C",
"explanation": "[red]District level[/red] is correct because local government is meant to address the [blue]immediate needs[/blue] of people in their cities and districts.",
"explanationUrdu": "[red]ضلعی سطح (District level)[/red] درست ہے کیونکہ مقامی حکومت کا مقصد لوگوں کے اپنے شہروں اور اضلاع میں [blue]فوری ضروریات کو پورا کرنا[/blue] ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the term for goods that a country sells to another country?",
"urdu": "وہ اشیاء کیا کہلاتی ہیں جو ایک ملک دوسرے ملک کو فروخت کرتا ہے؟",
"options": ["Imports", "Exports", "Local goods", "Assets"],
"correctAnswer": "B",
"explanation": "[red]Exports[/red] is correct because it refers to [blue]locally produced items[/blue] sent abroad to earn foreign revenue.",
"explanationUrdu": "[red]برآمدات (Exports)[/red] درست ہے کیونکہ اس سے مراد [blue]مقامی طور پر تیار کردہ[/blue] وہ اشیاء ہیں جو آمدنی حاصل کرنے کے لیے باہر بھیجی جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an important export of Pakistan?",
"urdu": "درج ذیل میں سے پاکستان کی اہم برآمد (export) کون سی ہے؟",
"options": ["Cotton cloth and thread", "Sports and leather goods", "Rice and fruits", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Pakistan is famous for exporting [blue]textiles, rice, leather, and sports equipment[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ پاکستان [blue]عمدہ کپڑا، چاول، چمڑے کا سامان اور کھیلوں کا سامان[/blue] باہر بھیجنے کے لیے مشہور ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an important export partner of Pakistan?",
"urdu": "درج ذیل میں سے پاکستان کا ایک اہم برآمدی شراکت دار (partner) کون سا ہے؟",
"options": ["America and China", "UAE and Saudi Arabia", "European countries", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because these regions are [blue]major international markets[/blue] that purchase Pakistani products.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ یہ وہ ممالک ہیں جو پاکستان کی برآمدات کے لیے [blue]بڑی مارکیٹیں فراہم کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the term for goods that a country purchases from other countries?",
"urdu": "وہ اشیاء کیا کہلاتی ہیں جو کوئی ملک اپنی ضروریات پوری کرنے کے لیے دوسرے ممالک سے خریدتا ہے؟",
"options": ["Exports", "Imports", "Public services", "Taxes"],
"correctAnswer": "B",
"explanation": "[red]Imports[/red] is correct because it refers to [blue]foreign products[/blue] brought into a nation to fulfill domestic needs.",
"explanationUrdu": "[red]درآمدات (Imports)[/red] درست ہے کیونکہ اس سے مراد وہ [blue]غیر ملکی مصنوعات[/blue] ہیں جو مقامی ضروریات کو پورا کرنے کے لیے ملک میں لائی جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an important import of Pakistan?",
"urdu": "درج ذیل میں سے پاکستان کی اہم درآمد (import) کون سی ہے؟",
"options": ["Petroleum products", "Machinery, iron, and steel", "Medicines and vehicles", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Pakistan must buy [blue]fuel, metals, and medicines[/blue] from other nations to support its economy.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ پاکستان کو اپنی معیشت چلانے کے لیے [blue]ایندھن، دھاتیں، ادویات اور جدید آلات[/blue] باہر سے خریدنے پڑتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From which of the following countries does Pakistan import required goods?",
"urdu": "پاکستان اپنی مطلوبہ اشیاء درج ذیل میں سے کس ملک سے درآمد کرتا ہے؟",
"options": ["China and America", "Japan and Europe", "UAE and Kuwait", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because these highly developed nations are [blue]key sources of technology[/blue] and fuel imported by Pakistan.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ یہ وہ ترقی یافتہ ممالک ہیں جو پاکستان کی درآمدات کے لیے [blue]اہم ترین ذرائع[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the means used to carry people and goods from one place to another called?",
"urdu": "لوگوں اور اشیاء کو ایک جگہ سے دوسری جگہ لے جانے والے ذرائع کو کیا کہتے ہیں؟",
"options": ["Communication", "Means of transportation", "Trade", "Industries"],
"correctAnswer": "B",
"explanation": "[red]Means of transportation[/red] is correct because it refers to [blue]vehicles and networks[/blue] like roads and rails that facilitate movement.",
"explanationUrdu": "[red]ذرائع آمد و رفت (Means of transportation)[/red] درست ہے کیونکہ اس سے مراد وہ [blue]گاڑیاں اور نیٹ ورک[/blue] ہیں جو لوگوں اور سامان کی منتقلی میں مدد دیتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Is trade possible without the means of transportation?",
"urdu": "کیا آمد و رفت کے ذرائع کے بغیر تجارت ممکن ہے؟",
"options": ["Yes, always", "Trade is not possible", "Only in winter", "Only for rich nations"],
"correctAnswer": "B",
"explanation": "[red]Trade is not possible[/red] is correct because we need [blue]physical transport network[/blue] to deliver bought and sold products to customers.",
"explanationUrdu": "[red]تجارت ممکن نہیں ہے[/red] درست ہے کیونکہ خریدی اور بیچی جانے والی مصنوعات کو خریداروں تک پہنچانے کے لیے [blue]گاڑیوں اور سڑکوں کی ضرورت[/blue] ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an important means of transport in Pakistan?",
"urdu": "منسلک فہرست میں سے پاکستان کا ایک اہم ذریعہ آمد و رفت کون سا ہے؟",
"options": ["Highways and railway lines", "Airports", "Ports", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because roads, railways, air travel, and sea ports are all [blue]vital parts[/blue] of Pakistan's transport network.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]سڑکیں، ریل، ہوائی سفر اور سمندری بندرگاہیں[/blue] سبھی پاکستان کے ٹرانسپورٹ نیٹ ورک کا اہم حصہ ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the largest means of transport used in Pakistan?",
"urdu": "پاکستان میں استعمال ہونے والا آمد و رفت کا سب سے بڑا ذریعہ کون سا ہے؟",
"options": ["Railways", "Highways", "Airports", "Canals"],
"correctAnswer": "B",
"explanation": "[red]Highways[/red] is correct because the road network carries the [blue]largest volume of traffic[/blue] and cargo within the country.",
"explanationUrdu": "[red]شاہراہیں (Highways)[/red] درست ہے کیونکہ [blue]سڑکوں کا نیٹ ورک[/blue] ملک کے اندر سب سے زیادہ ٹریفک اور سامان کی منتقلی کے لیے استعمال ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the total length of highways in Pakistan?",
"urdu": "پاکستان میں ہائی ویز کی کل لمبائی کتنی ہے؟",
"options": ["10,000 km", "263,775 km", "50,000 km", "100,000 km"],
"correctAnswer": "B",
"explanation": "[red]263,775 km[/red] is correct as this represents the extensive [blue]road network[/blue] connecting all parts of the country.",
"explanationUrdu": "[red]263,775 کلومیٹر[/red] درست ہے کیونکہ یہ سڑکوں کے اس [blue]وسیع نیٹ ورک[/blue] کو ظاہر کرتا ہے جو ملک کے تمام حصوں کو آپس میں جوڑتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the longest highway in Pakistan?",
"urdu": "پاکستان کی سب سے لمبی شاہراہ (highway) کون سی ہے؟",
"options": ["Indus Highway", "Silk Road", "N-5 Highway", "Motorway"],
"correctAnswer": "C",
"explanation": "[red]N-5 Highway[/red] is correct because this major route runs from Karachi to Torkham, covering the [blue]longest distance[/blue] across the country.",
"explanationUrdu": "[red]این-5 ہائی وے[/red] درست ہے کیونکہ کراچی سے تورخم تک جانے والی یہ سڑک ملک کی [blue]سب سے لمبی شاہراہ[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How are almost all the important cities of Pakistan interconnected for fast travel?",
"urdu": "تیز سفر کے لیے پاکستان کے تقریباً تمام اہم شہر آپس میں کیسے جڑے ہوئے ہیں؟",
"options": ["Through rivers", "Due to motorways", "Through air only", "By walking tracks"],
"correctAnswer": "B",
"explanation": "[red]Due to motorways[/red] is correct because these modern, high-speed roads provide [blue]efficient connectivity[/blue] between major urban centers.",
"explanationUrdu": "[red]موٹر ویز کی وجہ سے[/red] درست ہے کیونکہ یہ جدید اور تیز رفتار سڑکیں [blue]بڑے شہروں کے درمیان بہترین سفری رابطہ[/blue] فراہم کرتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the total length of the railway network in Pakistan?",
"urdu": "پاکستان میں ریلوے نیٹ ورک کی کل لمبائی کتنی ہے؟",
"options": ["5,000 km", "11,881 km", "20,000 km", "1,000 km"],
"correctAnswer": "B",
"explanation": "[red]11,881 km[/red] is correct because it represents the total track length of the [blue]national railway system[/blue] spanning the country.",
"explanationUrdu": "[red]11,881 کلومیٹر[/red] درست ہے کیونکہ یہ ملک بھر میں پھیلے ہوئے [blue]قومی ریلوے ٹریکس کی کل لمبائی[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the largest airport in Pakistan?",
"urdu": "پاکستان کا سب سے بڑا ہوائی اڈہ (airport) کون سی ہے؟",
"options": ["Allama Iqbal Airport", "Jinnah International Airport", "Islamabad Airport", "Peshawar Airport"],
"correctAnswer": "B",
"explanation": "[red]Jinnah International Airport[/red] is correct because it is the [blue]busiest and most extensive[/blue] air travel hub in the country.",
"explanationUrdu": "[red]جناح انٹرنیشنل ایئرپورٹ[/red] درست ہے کیونکہ یہ ملک کا [blue]سب سے بڑا اور مصروف ترین ہوائی اڈہ[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is Jinnah International Airport located?",
"urdu": "جناح انٹرنیشنل ایئرپورٹ کس شہر میں واقع ہے؟",
"options": ["Islamabad", "Lahore", "Karachi", "Quetta"],
"correctAnswer": "C",
"explanation": "[red]Karachi[/red] is correct because this metropolitan city houses the country's primary [blue]international aviation gateway[/blue].",
"explanationUrdu": "[red]کراچی[/red] درست ہے کیونکہ اس بڑے شہر میں ملک کا [blue]سب سے اہم بین الاقوامی ہوائی اڈہ[/blue] واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an important seaport of Pakistan?",
"urdu": "منسلک فہرست میں سے پاکستان کی اہم بندرگاہ (seaport) کون سی ہے؟",
"options": ["Karachi Port", "Bin Qasim", "Gwadar", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Karachi, Bin Qasim, and Gwadar are the three vital ports handling the [blue]nation's maritime trade[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]کراچی، بن قاسم اور گوادر[/blue] وہ تین بندرگاہیں ہیں جو ملک کی بحری تجارت کو سنبھالتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which was the highest railway station in Pakistan?",
"urdu": "پاکستان کا سب سے اونچا ریلوے اسٹیشن کون سا تھا؟",
"options": ["Lahore Station", "Kan Mehtarzai", "Quetta Station", "Rawalpindi Station"],
"correctAnswer": "B",
"explanation": "[red]Kan Mehtarzai[/red] is correct because this historic station holds the record for being at the [blue]highest elevation[/blue] in the country.",
"explanationUrdu": "[red]کان مہترزئی[/red] درست ہے کیونکہ یہ تاریخی اسٹیشن ملک میں [blue]سب سے زیادہ اونچائی[/blue] پر واقع ہونے کا ریکارڈ رکھتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which province is the highest railway station, Kan Mehtarzai, located?",
"urdu": "سب سے اونچا ریلوے اسٹیشن، کان مہترزئی کس صوبے میں واقع ہے؟",
"options": ["Punjab", "Balochistan", "Sindh", "KPK"],
"correctAnswer": "B",
"explanation": "[red]Balochistan[/red] is correct because this mountainous province hosts the [blue]historic high-altitude railway line[/blue].",
"explanationUrdu": "[red]بلوچستان[/red] درست ہے کیونکہ یہ پہاڑی صوبہ [blue]سب سے زیادہ اونچائی پر واقع[/blue] اس تاریخی ریلوے اسٹیشن کا مسکن ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnlN0NNIx7ltK1-hAicBDxg1D1jDeTZLhPHClpTK8msu4ZktE9EIiCLNYeZVdhg2HAy9t2pfBw1Hfa6FYiVWbusb06hS8zVrQj2uk4ESq65IDQfanrv11h8YDAQmipVWajbf_W1woWvBzFp9MsqDxUlStW9EWIVKel1RtofaE1div8NsA8x40vZek2mw/s1600/Social%20Studies%205th%20Class%20Chapter%206.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-13842162723936462612026-07-11T08:00:00.000+05:002026-07-11T08:00:00.120+05:005th Class Social Studies MCQs | Weather and Climate (موسم اور آب و ہوا) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies MCQs – Weather and Climate | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Free Class 5 Social Studies MCQs on Weather, Climate, Global Warming & Natural Disasters (floods, earthquakes). Practice on PakMCQs! Get ready for your test!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: Weather and Climate (موسم اور آب و ہوا) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | Weather and Climate (موسم اور آب و ہوا) | PakMCQs",
"description": "Study 5th Class Social Studies Chapter 5.2 – Weather and Climate with complete notes, learning outcomes, factors affecting climate, global warming, natural disasters, and safety measures for floods and earthquakes.",
"articleBody": "This educational resource covers Chapter 5.2 of the 5th Class Social Studies curriculum: Weather and Climate. It provides solved MCQs and conceptual knowledge on the difference between weather, the state of the atmosphere at a particular time, and climate, the average weather conditions of a region over a long period. The chapter explains the factors affecting climate, including distance from the Equator, altitude, ocean currents, and direction of winds, as well as human activities such as deforestation, burning fossil fuels, and vehicle emissions that increase carbon dioxide. It covers the Green House Effect and Global Warming, their causes, and effects such as melting glaciers, rising sea levels, extreme weather, and health problems, along with real examples like the 2020 Karachi floods. The chapter also explains major natural disasters — cyclones, landsliding, earthquakes, and floods — their causes and damages, and lists practical safety measures to follow during floods and earthquakes. Ideal for students preparing for school exams and building disaster-awareness knowledge on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Weather and Climate MCQs",
"موسم اور آب و ہوا MCQs",
"Factors Affecting Climate MCQs",
"Global Warming and Green House Effect MCQs",
"Natural Disasters Class 5",
"Floods and Earthquakes Safety MCQs",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pxB1Qe_5fnfToXvNC2wcBQxMwfg-wwgO4TS_CLnueKWajk4S6I3S4fP1t9MaciFqFqGNdXNZguDdfseDKOchLjJ_IQIQndfSLorP9VryxIudG3Y6rWOothegdf_JI50TQWMGwiFFz18829Ih4qRAAMJl6Uq6kiVXm_WvNJV3oZCWZgdMNhToepnXig/s1600/Social%20Studies%205th%20Class%20Chapter%205.2.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - Weather and Climate (موسم اور آب و ہوا)"
},
"datePublished": "2026-07-11",
"dateModified": "2026-07-11",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pxB1Qe_5fnfToXvNC2wcBQxMwfg-wwgO4TS_CLnueKWajk4S6I3S4fP1t9MaciFqFqGNdXNZguDdfseDKOchLjJ_IQIQndfSLorP9VryxIudG3Y6rWOothegdf_JI50TQWMGwiFFz18829Ih4qRAAMJl6Uq6kiVXm_WvNJV3oZCWZgdMNhToepnXig/s1600/Social%20Studies%205th%20Class%20Chapter%205.2.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-Weather-and-Climate-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"Environmental Science Guide",
"Safety Manual",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Disaster Awareness",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Weather" },
{ "@type": "Thing", "name": "Climate" },
{ "@type": "Thing", "name": "Global Warming" },
{ "@type": "Thing", "name": "Green House Effect" },
{ "@type": "Thing", "name": "Natural Disasters" },
{ "@type": "Thing", "name": "Flood and Earthquake Safety" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for Weather and Climate (6 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is weather?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Weather is the condition of the atmosphere at a particular place and time. It changes daily and includes sunshine, rain, clouds, and temperature."
}
},
{
"@type": "Question",
"name": "What is climate?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Climate is the average weather condition of a place over a long period of time and usually remains stable for many years."
}
},
{
"@type": "Question",
"name": "What factors affect climate?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Climate is influenced by the Equator, altitude, ocean currents, wind direction, and human activities like pollution and deforestation."
}
},
{
"@type": "Question",
"name": "What is global warming?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Global warming is the rise in Earth's temperature caused by greenhouse gases trapping heat in the atmosphere."
}
},
{
"@type": "Question",
"name": "What are the major natural disasters?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Major natural disasters include floods, earthquakes, cyclones, landslides, and droughts."
}
},
{
"@type": "Question",
"name": "How can people stay safe during floods and earthquakes?",
"acceptedAnswer": {
"@type": "Answer",
"text": "People should follow evacuation warnings, avoid dangerous areas, keep emergency supplies ready, and learn disaster safety procedures."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pxB1Qe_5fnfToXvNC2wcBQxMwfg-wwgO4TS_CLnueKWajk4S6I3S4fP1t9MaciFqFqGNdXNZguDdfseDKOchLjJ_IQIQndfSLorP9VryxIudG3Y6rWOothegdf_JI50TQWMGwiFFz18829Ih4qRAAMJl6Uq6kiVXm_WvNJV3oZCWZgdMNhToepnXig/s1600/Social%20Studies%205th%20Class%20Chapter%205.2.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>Weather and Climate MCQs – Class 5 Social Studies Ch 5.2 | PakMCQs</h1>
<p>Master 5th Class Social Studies Chapter 5.2 – Weather and Climate with a free online CBT Test and important MCQs. Learn the difference between weather and climate, factors affecting climate (distance from Equator, altitude, ocean currents, wind direction), Global Warming and the Greenhouse Effect, and natural disasters including cyclones, landslides, earthquakes, and floods with their safety measures. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>Weather and Climate | موسم اور آب و ہوا
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 5.2: Weather and Climate (Mausam aur Aab-o-Hawa)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes</h4>
<p>Is sabaq ko mukammal karne ke baad students is qabil ho jayenge ke:<br>
• 'Weather' (Mausam) aur 'Climate' (Aab-o-Hawa) ki istilaahat ke darmiyan farq ki wazahat kar sakein.<br>
• Aab-o-hawa par asar-andaz hone wale awamil aur aab-o-hawa ki tabdeeli par Global Warming ke asraat bayan kar sakein.<br>
• Ahem qudrati aafat aur insani zindagi par unke asraat ki nishandahi kar sakein.<br>
• Sailaab aur Zalzalon ki surat mein apnaye jaane wale hifazati iqdamaat tajweez kar sakein.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Think and Answer! (Sochein aur Jawab Dein!):</strong><br>
• Pakistan ke pahari aur maidani ilaqon ke mausam mein kya farq hai?<br>
• Temperature (darja-e-hararat) naapne ke liye kaun sa aala (instrument) istemal hota hai? Iski tasveer banayein.
</p>
<h4 style="color: #3498db;">Weather and Climate (Mausam aur Aab-o-Hawa)</h4>
<p>Islamabad ki di gayi weather report ko dekhein:</p>
<table style="width: 100%; border-collapse: collapse; margin: 15px 0; text-align: left;">
<thead>
<tr style="background-color: #2980b9; color: white;">
<th style="padding: 8px; border: 1px solid #ddd;">Date (Tareekh)</th>
<th style="padding: 8px; border: 1px solid #ddd;">Weather (Mausam)</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;">4th January Saturday</td><td style="padding: 8px; border: 1px solid #ddd;">9°C</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;">5th January Sunday</td><td style="padding: 8px; border: 1px solid #ddd;">8°C</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;">6th January Monday</td><td style="padding: 8px; border: 1px solid #ddd;">7°C</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;">7th January Tuesday</td><td style="padding: 8px; border: 1px solid #ddd;">6°C</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;">8th January Wednesday</td><td style="padding: 8px; border: 1px solid #ddd;">7°C</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;">9th January Thursday</td><td style="padding: 8px; border: 1px solid #ddd;">8°C</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;">10th January Friday</td><td style="padding: 8px; border: 1px solid #ddd;">8°C</td></tr>
</tbody>
</table>
<p>Hume is weather report se yeh maloom hota hai ke mausam poore hafte ek jesa nahi rehta. Kabhi dhoop (sunny) hoti hai, kabhi badal (cloudy) aur barish (rainy) hoti hai. Dhoop, barish aur badal wagera mausam ki mukhtalif surathal (weather conditions) hain. Kisi makhsoos waqt mein kisi makhsoos jagah ki faza ki surathal (state of the atmosphere) ko iska <span class="highlight-word" style="color: #27ae60; font-weight: bold;">mausam (weather)</span> kaha jata hai.</p>
<p>Jab yeh ausat mausami surathal (average weather conditions) kisi makhsoos khitte (region) mein mustaqil rehti hain, to ise <span class="highlight-word" style="color: #2980b9; font-weight: bold;">aab-o-hawa (climate)</span> kaha jata hai. Dunya ke kai khitton ki aab-o-hawa nihayat thandi hoti hai jabke kuch khitton ki aab-o-hawa nihayat garam hoti hai. In ilaqon mein aab-o-hawa ki surathal kai saalon tak tabdeel nahi hoti.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Stop and Tell:</strong> Mausam (weather) aur aab-o-hawa (climate) mein kya farq hai?</p>
<h4 style="color: #3498db;">Factors Affecting Climate (Aab-o-Hawa par Asar-andaz hone wale Awamil)</h4>
<p>• <span class="highlight-word" style="color: #d35400;">Distance from the Equator (Equator se Fasla):</span> Temperature is regions mein zyada hota hai jo Equator (Khat-e-istiwa) ke qareeb hain kyunke suraj ki kirnein (sunrays) Equator par seedhi (vertically) parti hain. (e.g., Ecuador, Brazil, Kenya, Indonesia). Qutubain (poles) par waqe ilaqay thanday hote hain kyunke kirnein terhi (slantingly) parti hain (e.g., Canada, Denmark, Russia).<br>
• <span class="highlight-word" style="color: #d35400;">Altitude (Bulandi):</span> Jese jese hum oonchi jagahon ki taraf barhte hain, darja-e-hararat (temperature) kam hota jata hai. Satah-e-samandar se buland hone ki wajah se pahari ilaqon ki aab-o-hawa thandi hoti hai.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Stop and Tell:</strong> Murree aur Karachi ki aab-o-hawa mein numaya farq kyun hai?</p>
<p>• <span class="highlight-word" style="color: #d35400;">Ocean Currents (Samandari Ro):</span> Samandar mein pani ke musalsal bahao ko current kehte hain. Warm water currents saahili ilaqon ke temperature ko barhate hain, jabke cold water currents temperature ko kam karte hain. Garam ilaqon ki hawayen temperature ko barhati hain jabke thanday ilaqon ki hawayen ise kam karti hain.</p>
<h4 style="color: #3498db;">Human Activities Affecting Climate</h4>
<p>• Darakhton ko kaatne se faza (atmosphere) mein carbon dioxide ka izafa hota hai.<br>
• Factories mein petrol, koila aur gas jalne se CO2 aur doosri gases faza mein barh jati hain.<br>
• Gariyon aur factories se nikalne wala dhuwan CO2 ki miqdar ko barhata hai. Scientists ka khyal hai ke CO2 global warming ki sab se bari wajah hai.</p>
<h4 style="color: #3498db;">Global Warming</h4>
<p>Atmosphere mein maujood carbon dioxide aur doosri gases suraj ki kirnon ko zameen tak pohonchne deti hain lekin zameen ki garmi ko bahar jaane se rokti hain. Ise <span class="highlight-word" style="color: #16a085;">Green House Effect</span> aur in gases ko Green House Gases kehte hain. Is wajah se temperature ke izafe ko <span class="highlight-word" style="color: #c0392b; font-weight: bold;">Global Warming</span> kehte hain.</p>
<p><b>Asraat:</b> Glaciers ka pighalna, satah-e-samandar (sea level) mein izafa, shaddid mausami surathal, jild aur saans ki bimariyon mein izafa. Misal ke tor par 2020 mein Karachi ki Monsoon ki barishein jis se sailaab aaya. <br>
<b>Hal:</b> Zyada darakht lagana, alternative energy (solar, wind) ka istemal karna, kam dhuwan chhorhne wali gariyon ka istemal aur paidal chalna.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Do you want to know more?</strong> Atmosphere mein carbon-dioxide ki miqdar 0.03% hai. Agar is mein izafa hua to yeh zameen ke temperature ko barhaye ga jo zindagi ko nuqsan pohoncha sakta hai.</p>
<p><i>Let's do something new! Apne doston ke sath mil kar global warming par poster banayein aur doosre students mein awareness paida karein.</i></p>
<h4 style="color: #3498db;">Natural Disasters (Qudrati Aafat)</h4>
<p>Wo qudrati hawadsaat jo zameen par jaan aur maal ko nuqsan pohonchate hain, unhe <span class="highlight-word" style="color: #c0392b;">qudrati aafat (natural disasters)</span> kaha jata hai. Jese cyclones, khushk-sali (droughts), zalzale, landsliding, aur sailaab.</p>
<ul>
<li>• <span style="color: #8e44ad; font-weight: bold;">Cyclones:</span> Low air pressure ki taraf high pressure hawaon ke barhne se shaddid toofan bante hain.</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">Landsliding:</span> Paharon ki chattanein aur mitti zameen ki kashish-e-saqal, tez hawaon ya barish ki wajah se neeche ki taraf harkat karti hain.</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">Earthquakes (Zalzalay):</span> Zameen ke andarooni hisson mein harkat se oopri satah mein larzish (vibration) hoti hai.</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">Floods (Sailaab):</span> Bhaari barishon ya baraf pighalne se daryaoon ka pani kinaron se bahar nikal aata hai.</li>
</ul>
<h4 style="color: #3498db;">Safety Measures (Hifazati Iqdamaat)</h4>
<p>• <b>Sailaab ki surat mein:</b> Logo ko pehle warn (hoshiyar) kiya jaye, khatre wale ilaqay khali karwaye jayein, bijli ke khambon se door rahein, saaf pani, khana aur first aid faraham ki jaye.<br>
• <b>Zalzale ki surat mein:</b> Imaraton ko khali kar dein, aftershocks ke liye tayar rahein, earthquake zones mein high rise buildings na banayein, first aid kit paas rakhein aur hifazat ki training haasil karein.</p>
<div style="background: #e8f5e9; padding: 15px; border-radius: 8px; border-left: 5px solid #2e7d32;">
<h5 style="margin-top: 0; color: #2e7d32;">I have learnt!</h5>
<ul style="margin-bottom: 0;">
<li>Kisi makhsoos waqt mein makhsoos jagah ki faza ki surathal ko mausam (weather) kehte hain.</li>
<li>Average weather conditions jo lambe arsay tak tabdeel na hon, use aab-o-hawa (climate) kehte hain.</li>
<li>Darakhton ka katna, gariyon/factories ka dhuwan aur fuel ka jalna aab-o-hawa par asar-andaz hote hain.</li>
<li>Cyclones, landsliding, droughts, earthquakes aur floods qudrati aafat ki misalein hain.</li>
</ul>
</div>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 5.2</h3>
<h4 style="color: #3498db;">موسم اور آب و ہوا (ویدر اینڈ کلائمیٹ)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو مکمل کرنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• 'ویدر' (موسم) اور 'کلائمیٹ' (آب و ہوا) کی اصطلاحات کے درمیان فرق کی وضاحت کر سکیں۔<br>
• آب و ہوا پر اثر انداز ہونے والے عوامل اور آب و ہوا کی تبدیلی پر گلوبل وارمنگ کے اثرات بیان کر سکیں۔<br>
• اہم قدرتی آفات اور انسانی زندگی پر ان کے اثرات کی نشاندہی کر سکیں۔<br>
• سیلاب اور زلزلوں کی صورت میں اپنائے جانے والے حفاظتی اقدامات تجویز کر سکیں۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>سوچیں اور جواب دیں! (تھنک اینڈ آنسر!):</strong><br>
• پاکستان کے پہاڑی اور میدانی علاقوں کے موسم میں کیا فرق ہے؟<br>
• درجہ حرارت (ٹمپریچر) ناپنے کے لیے کون سا آلہ (انسٹرومنٹ) استعمال ہوتا ہے؟ اس کی تصویر بنائیں۔
</p>
<h4 style="color: #3498db;">موسم اور آب و ہوا (ویدر اینڈ کلائمیٹ)</h4>
<p>اسلام آباد کی دی گئی موسم کی رپورٹ (ویدر رپورٹ) کو دیکھیں:</p>
<table style="width: 100%; border-collapse: collapse; margin: 15px 0; text-align: right;" dir="rtl">
<thead>
<tr style="background-color: #2980b9; color: white;">
<th style="padding: 8px; border: 1px solid #ddd;">تاریخ (ڈیٹ)</th>
<th style="padding: 8px; border: 1px solid #ddd;">موسم / درجہ حرارت (ویدر)</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;">4 جنوری، ہفتہ</td><td style="padding: 8px; border: 1px solid #ddd;">9 ڈگری سینٹی گریڈ</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;">5 جنوری، اتوار</td><td style="padding: 8px; border: 1px solid #ddd;">8 ڈگری سینٹی گریڈ</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;">6 جنوری، پیر</td><td style="padding: 8px; border: 1px solid #ddd;">7 ڈگری سینٹی گریڈ</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;">7 جنوری، منگل</td><td style="padding: 8px; border: 1px solid #ddd;">6 ڈگری سینٹی گریڈ</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;">8 جنوری، بدھ</td><td style="padding: 8px; border: 1px solid #ddd;">7 ڈگری سینٹی گریڈ</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;">9 جنوری، جمعرات</td><td style="padding: 8px; border: 1px solid #ddd;">8 ڈگری سینٹی گریڈ</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;">10 جنوری، جمعہ</td><td style="padding: 8px; border: 1px solid #ddd;">8 ڈگری سینٹی گریڈ</td></tr>
</tbody>
</table>
<p>ہمیں اس ویدر رپورٹ سے یہ معلوم ہوتا ہے کہ موسم پورے ہفتے ایک جیسا نہیں رہتا۔ کبھی دھوپ (سنی) ہوتی ہے، کبھی بادل (کلاؤڈی) اور بارش (رینی) ہوتی ہے۔ کسی مخصوص وقت میں کسی مخصوص جگہ کی فضا کی صورتحال (اسٹیٹ آف دی ایٹموسفیئر) کو اس کا <span class="highlight-word" style="color: #27ae60; font-weight: bold;">موسم (Weather)</span> کہا جاتا ہے۔</p>
<p>جب یہ اوسط موسمی صورتحال (ایوریج ویدر کنڈیشنز) کسی مخصوص خطے (ریجن) میں مستقل رہتی ہیں، تو اسے <span class="highlight-word" style="color: #2980b9; font-weight: bold;">آب و ہوا (Climate)</span> کہا جاتا ہے۔ دنیا کے کئی خطوں کی آب و ہوا نہایت ٹھنڈی ہوتی ہے جبکہ کچھ خطوں کی آب و ہوا نہایت گرم ہوتی ہے۔ ان علاقوں میں آب و ہوا کی صورتحال کئی سالوں تک تبدیل نہیں ہوتی۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>رکیں اور بتائیں (اسٹاپ اینڈ ٹیل):</strong> موسم (ویدر) اور آب و ہوا (کلائمیٹ) میں کیا فرق ہے؟</p>
<h4 style="color: #3498db;">آب و ہوا پر اثر انداز ہونے والے عوامل (فیکٹرز ایفیکٹنگ کلائمیٹ)</h4>
<p>• <span class="highlight-word" style="color: #d35400;">ایکویٹر سے فاصلہ (ڈسٹنس فرام دی ایکویٹر):</span> ٹمپریچر ان علاقوں میں زیادہ ہوتا ہے جو ایکویٹر (خطِ استوا) کے قریب ہیں کیونکہ سورج کی کرنیں (سن ریز) ایکویٹر پر سیدھی (ورٹیکلی) پڑتی ہیں (مثلاً ایکواڈور، برازیل، کینیا اور انڈونیشیا)۔ وہ علاقے جو قطبین (پولز) پر واقع ہیں، وہ بہت ٹھنڈے ہوتے ہیں کیونکہ شعاعیں ٹیڑھی پڑتی ہیں (مثلاً کینیڈا، ڈنمارک اور روس)۔<br>
• <span class="highlight-word" style="color: #d35400;">بلندی (ایلٹی ٹیوڈ):</span> جیسے جیسے ہم اونچی جگہوں کی طرف بڑھتے ہیں، درجہ حرارت (ٹمپریچر) کم ہوتا جاتا ہے۔ پہاڑی علاقے سطح سمندر سے اونچے ہوتے ہیں، اس لیے وہاں کی آب و ہوا ٹھنڈی ہوتی ہے۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>رکیں اور بتائیں (اسٹاپ اینڈ ٹیل):</strong> مری اور کراچی کی آب و ہوا میں نمایاں فرق کیوں ہے؟</p>
<p>• <span class="highlight-word" style="color: #d35400;">سمندری رو (اوشن کرنٹس):</span> سمندر میں پانی کے مسلسل بہاؤ کو کرنٹ (سمندری رو) کہا جاتا ہے۔ گرم رو ساحلی علاقوں کے ٹمپریچر کو بڑھاتی ہیں جبکہ ٹھنڈے پانی کی رو ٹمپریچر کو کم کرتی ہیں۔ گرم علاقوں کی ہوائیں ٹھنڈے علاقوں کا ٹمپریچر بڑھاتی ہیں اور سمندروں کی ہوائیں نم دار ہوتی ہیں جو بارش کا سبب بنتی ہیں۔</p>
<h4 style="color: #3498db;">انسانی سرگرمیاں جو آب و ہوا پر اثر انداز ہوتی ہیں</h4>
<p>• درختوں کو کاٹنے سے فضا (ایٹموسفیئر) میں کاربن ڈائی آکسائیڈ کا اضافہ ہوتا ہے۔<br>
• فیکٹریاں پیٹرول، کوئلہ اور گیس جلا کر فضا میں کاربن ڈائی آکسائیڈ اور دوسری گیسوں کا اضافہ کرتی ہیں۔<br>
• گاڑیوں اور فیکٹریوں سے نکلنے والا دھواں CO2 کی مقدار کو بڑھاتا ہے۔ سائنسدانوں کا خیال ہے کہ کاربن ڈائی آکسائیڈ گلوبل وارمنگ کی سب سے بڑی وجہ ہے۔</p>
<h4 style="color: #3498db;">گلوبل وارمنگ</h4>
<p>زمین گیسوں کے ایک غلاف میں لپٹی ہوئی ہے جسے ایٹموسفیئر کہتے ہیں۔ اس میں موجود CO2 اور دوسری گیسیں سورج کی کرنوں کو آنے دیتی ہیں لیکن گرمی کو باہر جانے سے روکتی ہیں۔ اسے <span class="highlight-word" style="color: #16a085;">گرین ہاؤس ایفیکٹ</span> اور ان گیسوں کو گرین ہاؤس گیسز کہتے ہیں۔ اس کی وجہ سے زمین کے درجہ حرارت میں اضافے کو <span class="highlight-word" style="color: #c0392b; font-weight: bold;">گلوبل وارمنگ</span> کہا جاتا ہے۔</p>
<p><b>اثرات:</b> گلیشیئرز کا پگھلنا، سطح سمندر میں اضافہ، انتہائی موسمی صورتحال، جلد اور سانس کی بیماریاں۔ مثال کے طور پر 2020 میں کراچی میں مونسون کی شدید بارشیں اور سیلاب۔<br>
<b>حل:</b> زیادہ سے زیادہ درخت لگانا، متبادل توانائی (سولر، ونڈ) کا استعمال، کم دھواں چھوڑنے والی گاڑیاں اور پیدل چلنا۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> ایٹموسفیئر میں کاربن ڈائی آکسائیڈ کی مقدار 0.03 فیصد ہے۔ اگر اس میں اضافہ ہوا تو یہ زمین کے ٹمپریچر کو بڑھائے گا جو زمین پر زندگی کو نقصان پہنچا سکتا ہے۔</p>
<p><i>آئیے کچھ نیا کرتے ہیں! اپنے دوستوں کے ساتھ مل کر گلوبل وارمنگ کے منفی اثرات کا پوسٹر بنائیں اور دوسرے طلبہ میں شعور پیدا کریں۔</i></p>
<h4 style="color: #3498db;">قدرتی آفات (Natural Disasters)</h4>
<p>وہ قدرتی حادثات اور عوامل جو زمین پر جان اور مال کو نقصان پہنچاتے ہیں، انہیں <span class="highlight-word" style="color: #c0392b;">قدرتی آفات (نیچرل ڈیزاسٹرز)</span> کہا جاتا ہے۔ جیسے سائیکلونز، خشک سالی، زلزلے، لینڈ سلائیڈنگ اور سیلاب۔</p>
<ul>
<li>• <span style="color: #8e44ad; font-weight: bold;">سائیکلونز (طوفان):</span> درجہ حرارت بڑھنے سے ہوا کا دباؤ کم ہوتا ہے اور زیادہ دباؤ والی ہوا اس طرف چل کر شدید طوفان پیدا کرتی ہے۔</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">لینڈ سلائیڈنگ:</span> چٹانیں اور مٹی کششِ ثقل، تیز ہواؤں یا بارش کی وجہ سے نیچے کی طرف حرکت کرتی ہیں۔</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">زلزلہ (ارتھ کوئیک):</span> زمین کی اندرونی حرکت سے اوپری سطح میں لرزش (وائبریشن) پیدا ہوتی ہے۔</li>
<li>• <span style="color: #8e44ad; font-weight: bold;">سیلاب (فلڈ):</span> بھاری بارشوں اور برف پگھلنے سے دریاؤں میں پانی کا لیول بڑھ کر کناروں سے باہر نکلتا ہے۔</li>
</ul>
<h4 style="color: #3498db;">حفاظتی اقدامات (Safety Measures)</h4>
<p>• <b>سیلاب کی صورت میں اقدامات:</b> سیلاب سے پہلے وارننگ دی جائے، علاقوں کو خالی کروایا جائے، بجلی کے کھمبوں سے دور رہیں اور صاف پانی، کھانا و فرسٹ ایڈ فراہم کی جائے۔<br>
• <b>زلزلہ کی صورت میں اقدامات:</b> عمارتوں کو خالی کر دیں، آفٹر شاکس کے لیے تیار رہیں، ہائی رائز بلڈنگز نہ بنائیں، فرسٹ ایڈ کٹ پاس رکھیں اور زلزلے کے دوران حفاظت کی ٹریننگ حاصل کریں۔</p>
<div style="background: #e8f5e9; padding: 15px; border-right: 4px solid #2e7d32;">
<h5 style="margin-top: 0; color: #2e7d32;">میں نے سیکھا! (I have learnt!)</h5>
<ul style="margin-bottom: 0;">
<li>کسی مخصوص وقت میں کسی مخصوص جگہ کی فضا کی صورتحال کو موسم (ویدر) کہا جاتا ہے۔</li>
<li>کسی جگہ کی اوسط موسمی صورتحال جو لمبے عرصے تک تبدیل نہ ہو، اسے آب و ہوا (کلائمیٹ) کہا جاتا ہے۔</li>
<li>درختوں کا کاٹنا، گاڑیوں اور فیکٹریوں کا دھواں اور کوئلے و گیس کا جلنا آب و ہوا پر اثر انداز ہوتے ہیں۔</li>
<li>سائیکلونز، لینڈ سلائیڈنگ، خشک سالی، زلزلے اور سیلاب قدرتی آفات کی کچھ مثالیں ہیں۔</li>
</ul>
</div>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>Frequently Asked Questions</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is weather?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Weather is the condition of the atmosphere at a particular place and time. It changes daily and includes sunshine, rain, clouds, and temperature.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is climate?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Climate is the average weather condition of a place over a long period of time and usually remains stable for many years.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What factors affect climate?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Climate is influenced by the Equator, altitude, ocean currents, wind direction, and human activities like pollution and deforestation.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 3) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is global warming?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Global warming is the rise in Earth's temperature caused by greenhouse gases trapping heat in the atmosphere.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the major natural disasters?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Major natural disasters include floods, earthquakes, cyclones, landslides, and droughts.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>How can people stay safe during floods and earthquakes?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>People should follow evacuation warnings, avoid dangerous areas, keep emergency supplies ready, and learn disaster safety procedures.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"topicHeading": "Distance from the Equator",
"question": "What is the main difference between weather and climate?",
"urdu": "موسم (weather) اور آب و ہوا (climate) کے درمیان بنیادی فرق کیا ہے؟",
"options": ["Only the location", "The period of time", "The color of sky", "No difference"],
"correctAnswer": "B",
"explanation": "[red]The period of time[/red] is correct because weather refers to short-term daily atmospheric conditions, while climate is the [blue]average pattern over a long period[/blue].",
"explanationUrdu": "[red]وقت کا دورانیہ[/red] درست ہے کیونکہ موسم سے مراد روزانہ کی مختصر مدتی تبدیلیاں ہیں جبکہ آب و ہوا سے مراد [blue]طویل عرصے کا اوسط پیٹرن[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which geographical factor significantly affects the temperature of any region?",
"urdu": "کون سا جغرافیائی عنصر کسی بھی خطے کے درجہ حرارت پر نمایاں اثر ڈالتا ہے؟",
"options": ["Depth of oceans", "Distance from the Equator", "Type of soil", "Size of the forest"],
"correctAnswer": "B",
"explanation": "[red]Distance from the Equator[/red] is correct because it determines the [blue]angle at which sunlight strikes[/blue] the Earth's surface.",
"explanationUrdu": "[red]خطِ استوا سے فاصلہ[/red] درست ہے کیونکہ یہ طے کرتا ہے کہ [blue]سورج کی روشنی زمین کی سطح پر کس زاویے سے ٹکرائے گی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the temperature typically described in regions close to the Equator?",
"urdu": "خطِ استوا کے قریبی علاقوں میں درجہ حرارت کیسا ہوتا ہے؟",
"options": ["Very cold", "High (hot)", "Freezing", "Mildly dry"],
"correctAnswer": "B",
"explanation": "[red]High (hot)[/red] is correct because equatorial regions receive the [blue]most direct solar energy[/blue] throughout the year.",
"explanationUrdu": "[red]زیادہ (گرم)[/red] درست ہے کیونکہ خطِ استوا کے قریبی علاقوں کو سال بھر [blue]سورج کی براہِ راست توانائی[/blue] حاصل ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why is the temperature high in regions located close to the Equator?",
"urdu": "خطِ استوا کے قریب واقع علاقوں میں درجہ حرارت زیادہ کیوں ہوتا ہے؟",
"options": ["Lack of water", "Intensity of weather and steep slope", "Wild animals", "Thick forests"],
"correctAnswer": "B",
"explanation": "[red]Because the sunrays fall vertically[/red] is correct because vertical rays are [blue]more concentrated[/blue] and spread over a smaller area, producing more heat.",
"explanationUrdu": "[red]کیونکہ سورج کی شعاعیں عمودی پڑتی ہیں[/red] درست ہے، کیونکہ سیدھی یا عمودی شعاعیں [blue]کم رقبے پر پھیلتی ہیں[/blue] اور زیادہ حرارت پیدا کرتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following countries are situated on the Equator?",
"urdu": "درج ذیل میں سے کون سے ممالک خطِ استوا پر واقع ہیں؟",
"options": ["Ecuador and Brazil", "Kenya", "Indonesia", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Ecuador, Brazil, Kenya, and Indonesia are all located [blue]directly along the Equator's line[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ ایکواڈور، برازیل، کینیا اور انڈونیشیا سبھی [blue]خطِ استوا کی لکیر پر واقع[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the climate described in areas situated on the Earth's poles?",
"urdu": "زمین کے قطبین (poles) پر واقع علاقوں کی آب و ہوا کیسی ہوتی ہے؟",
"options": ["Very hot", "Very cold", "Moderate", "Humid and wet"],
"correctAnswer": "B",
"explanation": "[red]Very cold[/red] is correct because the polar regions receive [blue]very little solar energy[/blue] and are covered in ice.",
"explanationUrdu": "[red]بہت ٹھنڈی[/red] درست ہے کیونکہ قطبی علاقوں کو [blue]بہت کم سورج کی توانائی[/blue] حاصل ہوتی ہے اور یہ برف سے ڈھکے رہتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why are the polar regions of the Earth extremely cold?",
"urdu": "زمین کے قطبی علاقے کس وجہ سے انتہائی ٹھنڈے ہوتے ہیں؟",
"options": ["Because sunrays fall slantingly", "Because they have no land", "Because they are near the sea", "Because they have no wind"],
"correctAnswer": "A",
"explanation": "[red]Because sunrays fall slantingly[/red] is correct because slanted rays are [blue]less concentrated[/blue] and spread over a much larger area, producing less heat.",
"explanationUrdu": "[red]کیونکہ سورج کی شعاعیں ترچھی پڑتی ہیں[/red] درست ہے، کیونکہ ترچھی شعاعیں [blue]زیادہ رقبے پر پھیل جاتی ہیں[/blue] جس سے حرارت بہت کم پیدا ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following countries are situated near the North Pole?",
"urdu": "درج ذیل میں سے کون سے ممالک شمالی قطب (North Pole) کے قریب واقع ہیں؟",
"options": ["Canada and Denmark", "Russia", "Both (A) and (B)", "India and Kenya"],
"correctAnswer": "C",
"explanation": "[red]Both (A) and (B)[/red] is correct because Canada, Denmark, and Russia are all high-latitude northern countries located [blue]close to the Arctic region[/blue].",
"explanationUrdu": "[red](A) اور (B) دونوں[/red] درست ہے کیونکہ کینیڈا، ڈنمارک اور روس سبھی بلند عرض البلد والے ممالک ہیں جو [blue]آرکٹک خطے کے قریب واقع[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Altitude",
"question": "What happens to the temperature as we move to higher places (altitude)?",
"urdu": "جیسے جیسے ہم اونچی جگہوں (بلندی) کی طرف بڑھتے ہیں تو درجہ حرارت میں کیا تبدیلی آتی ہے؟",
"options": ["It increases", "It decreases", "It stays the same", "It stops completely"],
"correctAnswer": "B",
"explanation": "[red]It decreases[/red] is correct because [blue]air pressure drops[/blue] at higher altitudes, causing the atmosphere to hold less heat.",
"explanationUrdu": "[red]یہ کم ہو جاتا ہے (decreases)[/red] درست ہے کیونکہ زیادہ بلندی پر [blue]ہوا کا دباؤ کم ہو جاتا ہے[/blue] جس سے درجہ حرارت گر جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is true about the height of mountainous areas compared to sea level?",
"urdu": "سطح سمندر کے موازنے میں پہاڑی علاقوں کی بلندی کے بارے میں کیا بات درست ہے؟",
"options": ["They are lower", "They are higher", "They are at the same level", "They have no height"],
"correctAnswer": "B",
"explanation": "[red]They are higher[/red] is correct as mountains rise [blue]significantly above[/blue] the baseline of sea level.",
"explanationUrdu": "[red]وہ زیادہ بلند ہوتے ہیں[/red] درست ہے کیونکہ پہاڑی علاقے سطح سمندر کے بنیادی معیار سے [blue]کافی بلندی پر واقع[/blue] ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why is the climate of mountainous areas generally cold?",
"urdu": "پہاڑی علاقوں کی آب و ہوا عام طور پر ٹھنڈی کیوں ہوتی ہے؟",
"options": ["Because they are near the sea", "Because they are higher than sea level", "Because they have no air", "Because they are flat"],
"correctAnswer": "B",
"explanation": "[red]Because they are higher than sea level[/red] is correct because greater elevation naturally leads to [blue]colder atmospheric conditions[/blue] and lower temperatures.",
"explanationUrdu": "[red]سطح سمندر سے بلندی کی وجہ سے[/red] درست ہے کیونکہ زیادہ بلندی قدرتی طور پر [blue]ٹھنڈے ماحولیاتی حالات[/blue] اور کم درجہ حرارت کا سبب بنتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the climate of plain areas compared to mountainous regions?",
"urdu": "پہاڑی علاقوں کے مقابلے میں میدانی علاقوں کی آب و ہوا کیسی ہوتی ہے؟",
"options": ["Comparatively cold", "Comparatively hot", "Snowy and freezing", "Identically the same"],
"correctAnswer": "B",
"explanation": "[red]Comparatively hot[/red] is correct because low-lying plains [blue]absorb and retain more heat[/blue] from the sun compared to high-altitude areas.",
"explanationUrdu": "[red]نسبتاً گرم[/red] درست ہے کیونکہ کم بلندی والے میدان [blue]زیادہ حرارت جذب کرتے ہیں[/blue]، جس سے ان کا درجہ حرارت پہاڑوں سے زیادہ ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why is there a significant difference between the climate of Murree and Karachi?",
"urdu": "مری اور کراچی کی آب و ہوا میں اتنا واضح فرق کیوں پایا جاتا ہے؟",
"options": ["Due to difference in language", "Due to difference in altitude (height)", "Due to population size", "For no specific reason"],
"correctAnswer": "B",
"explanation": "[red]Due to difference in altitude (height)[/red] is correct because Murree is situated at a high mountainous level, making it much colder than the [blue]coastal city of Karachi[/blue].",
"explanationUrdu": "[red]بلندی میں فرق کی وجہ سے[/red] درست ہے کیونکہ مری ایک اونچے پہاڑی مقام پر واقع ہے، جو اسے کراچی جیسے [blue]ساحلی شہر سے بہت زیادہ ٹھنڈا[/blue] بناتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Ocean Currents",
"question": "What is the continuous flow of water in an ocean called?",
"urdu": "سمندر میں پانی کے مسلسل بہاؤ کو کیا کہا جاتا ہے؟",
"options": ["Tide", "Wave", "Current", "Storm"],
"correctAnswer": "C",
"explanation": "[red]Current[/red] is correct because ocean currents are [blue]cohesive streams of water[/blue] moving continuously through the ocean, driven by gravity and wind.",
"explanationUrdu": "[red]کرنٹ (Current)[/red] درست ہے کیونکہ سمندری کرنٹ سے مراد [blue]پانی کا وہ مسلسل بہاؤ[/blue] ہے جو سمندر کے اندر مستقل راستوں پر حرکت کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many main types of ocean currents are there?",
"urdu": "سمندری کرنٹ (Ocean currents) کی عام طور پر کتنی اقسام ہوتی ہیں؟",
"options": ["Five types", "Two types", "Ten types", "Three types"],
"correctAnswer": "B",
"explanation": "[red]Two types[/red] is correct because ocean currents are categorized primarily into [blue]warm water currents and cold water currents[/blue] based on temperature.",
"explanationUrdu": "[red]دو اقسام[/red] درست ہے کیونکہ سمندری کرنٹ کو ان کے درجہ حرارت کی بنیاد پر بنیادی طور پر [blue]گرم پانی اور ٹھنڈے پانی کے دھاروں[/blue] میں تقسیم کیا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following are the two types of ocean currents?",
"urdu": "درج ذیل میں سے سمندری کرنٹ کی دو اقسام کون سی ہیں؟",
"options": ["Fast and slow currents", "Deep and shallow currents", "Warm and cold water currents", "Fresh and salty currents"],
"correctAnswer": "C",
"explanation": "[red]Warm and cold water currents[/red] are correct as they represent the [blue]temperature differences[/blue] of water masses moving across different regions of the globe.",
"explanationUrdu": "[red]گرم اور ٹھنڈے پانی کے کرنٹ[/red] درست ہے کیونکہ یہ دنیا کے مختلف حصوں میں حرکت کرنے والے پانی کے [blue]درجہ حرارت کے فرق[/blue] کو ظاہر کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What effect do warm water currents have on the temperature of their coastal areas?",
"urdu": "گرم پانی کے کرنٹ اپنے ساحلی علاقے کے وقت کے ساتھ کیا ہوتا ہے؟",
"options": ["Loses one hour", "Gains one hour", "Stays the same", "Jumps by 5 hours"],
"correctAnswer": "B",
"explanation": "[red]Gains one hour[/red] is correct because warm water [blue]releases heat into the air[/blue], raising the temperature of nearby lands.",
"explanationUrdu": "[red]درجہ حرارت میں اضافہ یا اعتدال لاتے ہیں[/red] درست ہے کیونکہ گرم پانی [blue]ہوا میں حرارت خارج کرتا ہے[/blue] جس سے قریبی زمینوں کا درجہ حرارت بڑھ جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the effect of cold water currents on the temperature of their coastal areas?",
"urdu": "ٹھنڈے پانی کے کرنٹ اپنے ساحلی علاقوں کے درجہ حرارت پر کیا اثر ڈالتے ہیں؟",
"options": ["They increase the temperature", "They decrease the temperature", "They make the climate hot", "They prevent rain"],
"correctAnswer": "B",
"explanation": "[red]They decrease the temperature[/red] is correct because cold water [blue]absorbs heat from the air[/blue], making the climate of the adjacent coast colder.",
"explanationUrdu": "[red]درجہ حرارت کو کم کرتے ہیں[/red] درست ہے کیونکہ سمندر کا پانی نمکین ہونے کی وجہ سے [blue]پینے کے قابل نہیں ہوتا[/blue]، اور میٹھے پانی کے ذرائع محدود ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Lines of Longitude",
"question": "What effect do winds blowing from hot regions have on the temperature of colder areas?",
"urdu": "گرم علاقوں سے چلنے والی ہوائیں ٹھنڈے علاقوں کے درجہ حرارت پر کیا اثر ڈالتی ہیں؟",
"options": ["They decrease the temperature", "They raise the temperature", "They cause snowfall", "No change in temperature"],
"correctAnswer": "B",
"explanation": "[red]They raise the temperature[/red] is correct because winds carrying [blue]thermal energy from hot zones[/blue] transfer that warmth to the colder places they blow into.",
"explanationUrdu": "[red]درجہ حرارت بڑھاتی ہیں[/red] درست ہے کیونکہ گرم علاقوں سے آنے والی ہوائیں [blue]اپنے ساتھ حرارت لاتی ہیں[/blue] جس سے ٹھنڈی جگہوں کا درجہ حرارت بڑھ جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the effect of winds blowing from cold regions on the temperature of other areas?",
"urdu": "ٹھنڈے علاقوں سے چلنے والی ہوائیں دوسرے علاقوں کے درجہ حرارت پر کیا اثر ڈالتی ہیں؟",
"options": ["They raise the temperature", "They decrease the temperature", "They make the air dry only", "They cause heat waves"],
"correctAnswer": "B",
"explanation": "[red]They decrease the temperature[/red] is correct because cold winds bring [blue]lower temperatures and a cooling effect[/blue] to the regions they enter.",
"explanationUrdu": "[red]درجہ حرارت کو کم کرتی ہیں[/red] درست ہے کیونکہ ٹھنڈی ہوائیں اپنے ساتھ [blue]کم درجہ حرارت اور ٹھنڈک لاتی ہیں[/blue] جس سے گرم علاقے بھی سرد ہو جاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a general characteristic of the winds blowing from the oceans?",
"urdu": "سمندروں سے چلنے والی ہواؤں کی عام خصوصیت کیا ہوتی ہے؟",
"options": ["They are extremely dry", "They are generally moist", "They are always hot", "They carry soil and dust"],
"correctAnswer": "B",
"explanation": "[red]They are generally moist[/red] is correct because winds crossing large water bodies like oceans [blue]absorb moisture through evaporation[/blue] along the way.",
"explanationUrdu": "[red]عام طور پر مرطوب (Moist) ہوتی ہیں[/red] درست ہے کیونکہ سمندروں سے گزرنے والی ہوائیں اپنے سفر کے دوران [blue]بخارات بننے والے پانی کی وجہ سے[/blue] نمی جذب کر لیتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do moist winds from the oceans sometimes cause in coastal and nearby areas?",
"urdu": "سمندروں سے آنے والی نم ہوائیں بعض اوقات ساحلی اور قریبی علاقوں میں کس کا سبب بنتی ہیں؟",
"options": ["Droughts", "Sandstorms", "Rainfall", "Heavy snow"],
"correctAnswer": "C",
"explanation": "[red]Rainfall[/red] is correct because when moist ocean winds rise and cool down, the [blue]water vapor condenses into clouds[/blue] and falls as rain.",
"explanationUrdu": "[red]بارش (Rainfall) کا سبب بنتی ہیں[/red] درست ہے کیونکہ جب سمندر سے آنے والی نم ہوائیں [blue]اوپر اٹھ کر ٹھنڈی ہوتی ہیں[/blue] تو بادل بنتے ہیں اور بارش ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Effect of Human Activities on Climate",
"question": "Which gas do trees absorb from the atmosphere?",
"urdu": "درخت فضا سے کون سی گیس جذب کرتے ہیں؟",
"options": ["Oxygen", "Carbon dioxide", "Nitrogen", "Hydrogen"],
"correctAnswer": "B",
"explanation": "[red]Carbon dioxide[/red] is correct because plants need this gas to [blue]perform photosynthesis[/blue] and make their own food.",
"explanationUrdu": "[red]کاربن ڈائی آکسائیڈ[/red] درست ہے کیونکہ پودوں کو [blue]فوٹو سنتھیسز کرنے[/blue] اور اپنی خوراک بنانے کے لیے اس گیس کی ضرورت ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which gas do trees emit (release) into the atmosphere?",
"urdu": "درخت فضا میں کون سی گیس خارج کرتے ہیں؟",
"options": ["Carbon dioxide", "Nitrogen", "Oxygen", "Helium"],
"correctAnswer": "C",
"explanation": "[red]Oxygen[/red] is correct because it is produced as a [blue]byproduct of photosynthesis[/blue], which is essential for the respiration of living things.",
"explanationUrdu": "[red]آکسیجن (Oxygen)[/red] درست ہے کیونکہ یہ [blue]فوٹو سنتھیسز کے عمل[/blue] کے دوران بنتی ہے جو جانداروں کے سانس لینے کے لیے بہت ضروری ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the effect of cutting down trees (deforestation) on the atmosphere?",
"urdu": "درختوں کو کاٹنے (deforestation) کا فضا پر کیا اثر پڑتا ہے؟",
"options": ["It increases oxygen", "It increases carbon dioxide", "It cools the air", "No effect"],
"correctAnswer": "B",
"explanation": "[red]It increases carbon dioxide[/red] is correct because fewer trees are left to [blue]absorb this greenhouse gas[/blue] from the air, causing it to build up.",
"explanationUrdu": "[red]کاربن ڈائی آکسائیڈ میں اضافہ ہوتا ہے[/red] درست ہے کیونکہ ہوا سے اس گیس کو جذب کرنے کے لیے [blue]کم درخت باقی رہ جاتے ہیں[/blue]، جس سے یہ فضا میں جمع ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following fuels are commonly used by factories?",
"urdu": "درج ذیل میں سے کون سے ایندھن فیکٹریوں میں عام طور پر استعمال ہوتے ہیں؟",
"options": ["Petrol and coal", "Gas", "Wood", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because industries rely heavily on [blue]coal, petrol, natural gas, and wood[/blue] as primary energy sources to power machines.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ فیکٹریاں اپنی مشینیں چلانے کے لیے بنیادی طور پر [blue]کوئلہ، پٹرول، گیس اور لکڑی[/blue] کا استعمال کرتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the result of burning fossil fuels in factories and homes?",
"urdu": "گھروں اور فیکٹریوں میں ایندھن جلانے کا کیا نتیجہ نکلتا ہے؟",
"options": ["Decrease in carbon dioxide", "Increase in carbon dioxide", "Increase in oxygen", "Clean air"],
"correctAnswer": "B",
"explanation": "[red]Increase in carbon dioxide[/red] is correct as combustion releases [blue]stored carbon from the fuels[/blue] into the atmosphere as gas.",
"explanationUrdu": "[red]کاربن ڈائی آکسائیڈ میں اضافہ ہوتا ہے[/red] درست ہے کیونکہ ایندھن کے جلنے سے [blue]کاربن خارج ہو کر[/blue] گیس کی شکل میں فضا میں شامل ہو جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the smoke emitted by vehicles and factories increase in the atmosphere?",
"urdu": "گاڑیوں اور فیکٹریوں سے خارج ہونے والا دھواں فضا میں کس چیز میں اضافہ کرتا ہے؟",
"options": ["The amount of oxygen", "The amount of carbon dioxide", "The amount of water", "Nothing"],
"correctAnswer": "B",
"explanation": "[red]The amount of carbon dioxide[/red] is correct because smoke is mostly made of [blue]carbon particles and gases[/blue] that pollute the clean air.",
"explanationUrdu": "[red]کاربن ڈائی آکسائیڈ کی مقدار میں[/red] درست ہے کیونکہ دھواں زیادہ تر [blue]کاربن کے ذرات اور گیسوں[/blue] پر مشتمل ہوتا ہے جو فضا کو آلودہ کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which gas is identified as the major cause of global warming?",
"urdu": "کس گیس کو گلوبل وارمنگ (زمین کے گرم ہونے) کی سب سے بڑی وجہ مانا جاتا ہے؟",
"options": ["Oxygen", "Nitrogen", "Carbon dioxide", "Helium"],
"correctAnswer": "C",
"explanation": "[red]Carbon dioxide[/red] is correct because it acts as a [blue]greenhouse gas[/blue], trapping the Sun's heat in the atmosphere and raising Earth's temperature.",
"explanationUrdu": "[red]کاربن ڈائی آکسائیڈ[/red] درست ہے کیونکہ یہ ایک [blue]گرین ہاؤس گیس[/blue] ہے جو سورج کی حرارت کو فضا میں روک کر زمین کا درجہ حرارت بڑھاتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Global Warming",
"question": "What is the cover of gases enveloping the Earth called?",
"urdu": "زمین کے گرد موجود گیسوں کے غلاف کو کیا کہا جاتا ہے؟",
"options": ["Lithosphere", "Atmosphere", "Hydrosphere", "Biosphere"],
"correctAnswer": "B",
"explanation": "[red]Atmosphere[/red] is correct because it refers to the protective [blue]layer of gases[/blue] surrounding the planet.",
"explanationUrdu": "[red]فضائیہ (Atmosphere)[/red] درست ہے کیونکہ یہ زمین کے گرد موجود [blue]گیسوں کے حفاظتی غلاف[/blue] کو ظاہر کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do carbon dioxide and other gases in the atmosphere allow to reach the Earth?",
"urdu": "کاربن ڈائی آکسائیڈ اور فضا میں موجود دیگر گیسیں کس چیز کو زمین تک پہنچنے دیتی ہیں؟",
"options": ["Heavy rain", "Thick snow", "Sunrays", "Cold wind"],
"correctAnswer": "C",
"explanation": "[red]Sunrays[/red] is correct because these gases are [blue]transparent[/blue] to the incoming shortwave light energy from the sun.",
"explanationUrdu": "[red]سورج کی شعاعیں (Sunrays)[/red] درست ہے کیونکہ یہ گیسیں سورج سے آنے والی روشنی کو [blue]زمین تک آنے کا راستہ[/blue] دیتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do these atmospheric gases prevent from leaving the Earth?",
"urdu": "یہ فضائی گیسیں کس چیز کو زمین سے باہر جانے سے روکتی ہیں؟",
"options": ["Fresh oxygen", "The heat of the Earth", "Falling rain", "Dust particles"],
"correctAnswer": "B",
"explanation": "[red]The heat of the Earth[/red] is correct because these gases act like a blanket, [blue]trapping the thermal energy[/blue] radiated from the ground.",
"explanationUrdu": "[red]زمین کی حرارت[/red] درست ہے کیونکہ یہ گیسیں ایک کمبل کی طرح کام کرتی ہیں جو [blue]زمین سے خارج ہونے والی گرمی[/blue] کو باہر جانے سے روکتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the direct effect of greenhouse gases trapping heat on Earth?",
"urdu": "گرین ہاؤس گیسوں کے ذریعے گرمی کو قید کرنے کا براہِ راست کیا اثر ہوتا ہے؟",
"options": ["Temperature decreases", "Temperature increases", "It causes snowfall", "No change in weather"],
"correctAnswer": "B",
"explanation": "[red]Temperature increases[/red] is correct because the [blue]trapped thermal energy[/blue] naturally warms up the Earth's atmosphere.",
"explanationUrdu": "[red]درجہ حرارت میں اضافہ ہوتا ہے[/red] درست ہے کیونکہ [blue]رکی ہوئی حرارتی توانائی[/blue] قدرتی طور پر زمین کی فضا کو گرم کر دیتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the process of trapping heat by atmospheric gases called?",
"urdu": "فضائی گیسوں کے ذریعے حرارت کو روکنے کے اس عمل کو کیا کہا جاتا ہے؟",
"options": ["Water cycle", "Greenhouse Effect", "Photosynthesis", "Condensation"],
"correctAnswer": "B",
"explanation": "[red]Greenhouse Effect[/red] is correct because this warming process is [blue]similar to how a glass greenhouse[/blue] keeps plants warm.",
"explanationUrdu": "[red]گرین ہاؤس ایفیکٹ[/red] درست ہے کیونکہ یہ عمل [blue]شیشے کے بنے گرین ہاؤس[/blue] کی طرح کام کرتا ہے جو پودوں کو گرم رکھتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the gases involved in the Greenhouse Effect called?",
"urdu": "گرین ہاؤس ایفیکٹ میں شامل گیسوں کو کیا کہا جاتا ہے؟",
"options": ["Noble gases", "Greenhouse Gases", "Pure gases", "Heavy gases"],
"correctAnswer": "B",
"explanation": "[red]Greenhouse Gases[/red] is correct as it is the specific scientific name for [blue]heat-trapping gases[/blue] like carbon dioxide and methane.",
"explanationUrdu": "[red]گرین ہاؤس گیسیں (Greenhouse Gases)[/red] درست ہے کیونکہ یہ ان [blue]مخصوص گیسوں جیسے کاربن ڈائی آکسائیڈ[/blue] کا سائنسی نام ہے جو حرارت کو روکتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the increase in Earth's temperature due to the Greenhouse Effect called?",
"urdu": "گرین ہاؤس ایفیکٹ کی وجہ سے زمین کے درجہ حرارت میں ہونے والے اضافے کو کیا کہتے ہیں؟",
"options": ["Ice age", "Global Warming", "Air pollution", "Wind storm"],
"correctAnswer": "B",
"explanation": "[red]Global Warming[/red] is correct because it describes the long-term, [blue]worldwide rise in temperatures[/blue] caused by human activities.",
"explanationUrdu": "[red]گلوبل وارمنگ (Global Warming)[/red] درست ہے کیونکہ یہ گرین ہاؤس گیسوں کے اثر سے [blue]پوری دنیا کے اوسط درجہ حرارت[/blue] میں ہونے والے اضافے کو کہتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is a major effect of Global Warming?",
"urdu": "درج ذیل میں سے گلوبل وارمنگ کا بڑا اثر کون سا ہے؟",
"options": ["Melting of glaciers", "Rise in sea level", "Extreme weather and diseases", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because global warming causes [blue]glaciers to melt, oceans to rise[/blue], and weather patterns to become extreme.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ گلوبل وارمنگ کی وجہ سے [blue]گلیشیئر پگھلتے ہیں، سمندر کی سطح بلند ہوتی ہے[/blue] اور موسم خطرناک حد تک بدلتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the increase in Earth's temperature due to global warming cause?",
"urdu": "گلوبل وارمنگ کی وجہ سے زمین کے درجہ حرارت میں اضافہ کس چیز کا باعث بنتا ہے؟",
"options": ["Stronger building structures", "Change in weathers (climate)", "Less usage of vehicles", "Cleaning of air"],
"correctAnswer": "B",
"explanation": "[red]Change in weathers (climate)[/red] is correct because global warming disrupts the [blue]natural climate balance[/blue], leading to unpredictable weather events.",
"explanationUrdu": "[red]موسموں میں تبدیلی[/red] درست ہے کیونکہ گلوبل وارمنگ سے [blue]قدرتی موسمی توازن[/blue] بگڑ جاتا ہے، جس سے طوفان اور شدید بارشیں پیدا ہوتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did heavy monsoon rains cause devastating floods in Karachi?",
"urdu": "کراچی میں کس سال شدید مونسون بارشوں نے تباہ کن سیلاب پیدا کیا تھا؟",
"options": ["In 2010", "In 2020", "In 2005", "In 2018"],
"correctAnswer": "B",
"explanation": "[red]In 2020[/red] is correct as this was the specific year when [blue]record-breaking monsoon rainfall[/blue] flooded the entire city of Karachi.",
"explanationUrdu": "[red]2020 میں[/red] درست ہے کیونکہ یہ وہ مخصوص سال تھا جب [blue]ریکارڈ توڑ مونسون بارشوں[/blue] نے پورے کراچی شہر کو ڈبو دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the extreme monsoon rains of 2020 cause in the city of Karachi?",
"urdu": "2020 کی شدید مونسون بارشوں نے کراچی شہر میں کیا پیدا کیا تھا؟",
"options": ["Extreme snow", "Heavy floods", "A sandstorm", "Pleasant cool weather"],
"correctAnswer": "B",
"explanation": "[red]Heavy floods[/red] is correct because the excessive water [blue]overwhelmed the drainage systems[/blue], causing damage across Karachi.",
"explanationUrdu": "[red]شدید سیلاب[/red] درست ہے کیونکہ [blue]پانی کی غیر معمولی مقدار[/blue] نے نکاسی کے نظام کو تباہ کر دیا جس سے پورے کراچی میں نقصان ہوا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the main consequence of the 2020 floods in Karachi?",
"urdu": "کراچی میں 2020 کے سیلاب کا سب سے بڑا نقصان کیا تھا؟",
"options": ["Only minor road blocks", "Great human and financial loss", "Increased business profits", "Better water supply"],
"correctAnswer": "B",
"explanation": "[red]Great human and financial loss[/red] is correct because the floods [blue]destroyed homes, businesses[/blue], and claimed many precious lives.",
"explanationUrdu": "[red]بڑا جانی اور مالی نقصان[/red] درست ہے کیونکہ سیلاب نے [blue]مکانات اور کاروبار کو تباہ[/blue] کیا اور کئی قیمتی جانیں بھی لیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For how many years had Karachi not experienced such heavy rain before 2020?",
"urdu": "کراچی نے 2020 سے پہلے کتنے سالوں تک ایسی شدید بارش کا مشاہدہ نہیں کیا تھا؟",
"options": ["Past 10 years", "Past sixty to seventy years", "Only 2 years", "Past five years"],
"correctAnswer": "B",
"explanation": "[red]Past sixty to seventy years[/red] is correct because the 2020 rainfall [blue]broke historical weather records[/blue] of many decades in Karachi.",
"explanationUrdu": "[red]پچھلے ساٹھ سے ستر سال[/red] درست ہے کیونکہ 2020 کی بارش نے کراچی میں [blue]کئی دہائیوں کے تاریخی ریکارڈ[/blue] توڑ دیے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is necessary to avoid the dangers of global warming and climate change?",
"urdu": "گلوبل وارمنگ اور ماحولیاتی تبدیلیوں کے خطرات سے بچنے کے لیے کیا ضروری ہے?",
"options": ["To cut down all forests", "To plant as many trees as possible", "To build more factories", "To use more coal"],
"correctAnswer": "B",
"explanation": "[red]To plant as many trees as possible[/red] is correct because trees [blue]absorb carbon dioxide[/blue], which is the main gas causing global warming.",
"explanationUrdu": "[red]زیادہ سے زیادہ درخت لگانا[/red] درست ہے کیونکہ درخت [blue]کاربن ڈائی آکسائیڈ کو جذب کرتے ہیں[/blue]، جو گلوبل وارمنگ کا باعث بننے والی سب سے بڑی گیس ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What should be reduced from industries to protect our atmosphere?",
"urdu": "فضا کے تحفظ کے لیے فیکٹریوں سے کس چیز کو کم کیا جانا چاہیے؟",
"options": ["Use of safety tools", "Poisonous gases", "Planting of gardens", "Number of workers"],
"correctAnswer": "B",
"explanation": "[red]Poisonous gases[/red] is correct because [blue]industrial emissions[/blue] pollute the air and contribute directly to the greenhouse effect.",
"explanationUrdu": "[red]زہریلی گیسیں[/red] درست ہے کیونکہ کارخانوں سے نکلنے والا [blue]زہریلا مواد[/blue] ہوا کو آلودہ کرتا ہے اور گرین ہاؤس اثرات کا باعث بنتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of vehicles should we use to reduce air pollution?",
"urdu": "فضائی آلودگی کو کم کرنے کے لیے ہمیں کس قسم کی گاڑیاں استعمال کرنی چاہئیں؟",
"options": ["Vehicles that emit more smoke", "Vehicles that emit less smoke", "Only very large vehicles", "Only diesel trucks"],
"correctAnswer": "B",
"explanation": "[red]Vehicles that emit less smoke[/red] is correct as they release [blue]fewer pollutants[/blue] and carbon dioxide into the environment.",
"explanationUrdu": "[red]کم دھواں چھوڑنے والی گاڑیاں[/red] درست ہے کیونکہ ایسی گاڑیاں فضا میں [blue]کم نقصان دہ گیسیں[/blue] اور کاربن ڈائی آکسائیڈ خارج کرتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What healthy habit should people adopt for traveling short distances to reduce pollution?",
"urdu": "آلودگی کم کرنے کے لیے لوگوں کو مختصر فاصلے طے کرنے کے لیے کون سی صحت مند عادت اپنانی چاہیے؟",
"options": ["Use heavy cars", "Walk on foot", "Travel by airplanes", "Use old motorbikes"],
"correctAnswer": "B",
"explanation": "[red]Walk on foot[/red] is correct because walking instead of driving for short trips [blue]saves fuel and prevents vehicle emissions[/blue].",
"explanationUrdu": "[red]پیدل چلنا[/red] درست ہے کیونکہ مختصر فاصلے کے لیے گاڑی چلانے کے بجائے [blue]پیدل چلنے سے ایندھن بچتا ہے[/blue] اور دھواں خارج نہیں ہوتا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which alternative energy resources should be used instead of burning coal and gas?",
"urdu": "کوئلہ اور گیس جلانے کے بجائے توانائی کے کون سے متبادل ذرائع استعمال کرنے چاہئیں؟",
"options": ["Only wood fuel", "Solar and wind energies", "Heavy petrol generators", "No alternative exists"],
"correctAnswer": "B",
"explanation": "[red]Solar and wind energies[/red] is correct because these are clean, [blue]renewable resources[/blue] that produce energy without releasing greenhouse gases.",
"explanationUrdu": "[red]سولر اور ونڈ (ہوا) انرجی[/red] درست ہے کیونکہ یہ توانائی کے وہ [blue]صاف ذرائع[/blue] ہیں جو گرین ہاؤس گیسیں خارج کیے بغیر بجلی پیدا کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the normal percentage of carbon dioxide present in the Earth's atmosphere?",
"urdu": "زمین کی فضا میں کاربن ڈائی آکسائیڈ کی عمومی فیصد مقدار کتنی ہے؟",
"options": ["21.0%", "0.03%", "78.0%", "5.0%"],
"correctAnswer": "B",
"explanation": "[red]0.03%[/red] is correct because this small, natural percentage is the [blue]balanced amount of carbon dioxide[/blue] required to keep the Earth warm without overheating.",
"explanationUrdu": "[red]0.03 فیصد[/red] درست ہے کیونکہ یہ کاربن ڈائی آکسائیڈ کی وہ [blue]قدرتی اور متوازن مقدار[/blue] ہے جو زمین کو زیادہ گرم کیے بغیر اس کا درجہ حرارت مناسب رکھتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the consequence if the amount of carbon dioxide in the atmosphere increases?",
"urdu": "اگر فضا میں کاربن ڈائی آکسائیڈ کی مقدار بڑھ جائے تو اس کا کیا نتیجہ نکلتا ہے؟",
"options": ["It decreases temperature", "It will increase global temperature", "It makes the air cold", "No effect on life"],
"correctAnswer": "B",
"explanation": "[red]It will increase global temperature[/red] is correct because more carbon dioxide [blue]traps more solar heat[/blue], harming life through global warming.",
"explanationUrdu": "[red]عالمی درجہ حرارت میں اضافہ ہوگا[/red] درست ہے کیونکہ کاربن ڈائی آکسائیڈ کی زیادہ مقدار فضا میں [blue]زیادہ حرارت کو روکے گی[/blue] جس سے زمین گرم ہو جائے گی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are natural incidents and factors that cause damage to life and property called?",
"urdu": "زمین پر جانی اور مالی نقصان کا سبب بننے والے قدرتی واقعات اور عوامل کیا کہلاتے ہیں؟",
"options": ["Human mistakes", "Natural disasters", "Space events", "Weather updates"],
"correctAnswer": "B",
"explanation": "[red]Natural disasters[/red] is correct because this term refers to [blue]catastrophic events like earthquakes[/blue] or floods that occur through natural forces.",
"explanationUrdu": "[red]قدرتی آفات (Natural disasters)[/red] درست ہے کیونکہ اس سے مراد [blue]زلزلے یا سیلاب جیسے بڑے تباہ کن واقعات[/blue] ہیں جو قدرتی قوتوں کے تحت رونما ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is considered an example of a natural disaster?",
"urdu": "درج ذیل میں سے کسے قدرتی آفت کی مثال سمجھا جاتا ہے؟",
"options": ["Cyclones and floods", "Droughts and landslides", "Earthquakes", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because cyclones, floods, droughts, landslides, and earthquakes are all [blue]major natural forces[/blue] that cause devastation.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]طوفان، سیلاب، قحط، تودے گرنا اور زلزلے[/blue] یہ سب بڑی قدرتی آفات کی مثالیں ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why does the air pressure of a place sometimes decrease, leading to cyclones?",
"urdu": "بعض اوقات کسی جگہ کا ہوا کا دباؤ کیوں کم ہو جاتا ہے جو کہ طوفان (cyclones) کا باعث بنتا ہے؟",
"options": ["Because of cooling", "Because of increase in temperature", "Because of rain", "Because of trees"],
"correctAnswer": "B",
"explanation": "[red]Because of increase in temperature[/red] is correct because [blue]hot air expands and rises[/blue], creating a low-pressure zone that sucks in surrounding winds.",
"explanationUrdu": "[red]درجہ حرارت میں اضافے کی وجہ سے[/red] درست ہے کیونکہ [blue]گرم ہوا پھیل کر اوپر اٹھتی ہے[/blue]، جس سے ہوا کا دباؤ کم ہو جاتا ہے اور گرد و نواح کی ہوائیں وہاں کا رخ کرتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How does the wind blow to cause a cyclone?",
"urdu": "طوفان (cyclone) کا سبب بننے کے لیے ہوا کیسے چلتی ہے؟",
"options": ["From low to high pressure", "From high to low pressure areas", "It stops blowing", "Only in a straight vertical line"],
"correctAnswer": "B",
"explanation": "[red]From high to low pressure areas[/red] is correct because air naturally moves from regions of [blue]dense, high pressure[/blue] to fill the empty low-pressure zones.",
"explanationUrdu": "[red]زیادہ دباؤ والے علاقوں سے کم دباؤ والے علاقوں کی طرف[/red] درست ہے کیونکہ ہوا قدرتی طور پر [blue]زیادہ دباؤ والے حصوں سے کم دباؤ والے حصوں[/blue] کو بھرنے کے لیے چلتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do cyclones cause besides violent storms?",
"urdu": "طوفان (cyclones) شدید آندھیوں کے علاوہ اور کس چیز کا سبب بنتے ہیں؟",
"options": ["Earthquakes", "Rainfalls and snowfalls", "Droughts", "Volcanic eruptions"],
"correctAnswer": "B",
"explanation": "[red]Rainfalls and snowfalls[/red] is correct because cyclones carry [blue]huge amounts of moisture[/blue] from the sea, leading to extreme precipitation.",
"explanationUrdu": "[red]بارشیں اور برفباری[/red] درست ہے کیونکہ طوفان سمندر سے [blue]بڑی مقدار میں نمی[/blue] اپنے ساتھ لاتے ہیں جس سے شدید بارش یا برفباری ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the common damages caused by a cyclone?",
"urdu": "طوفان (cyclone) کی وجہ سے کون سے عام نقصانات ہوتے ہیں؟",
"options": ["Human and financial losses", "Uprooted trees blocking roads", "Destroyed crops", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the violent winds and heavy rains of a cyclone [blue]destroy infrastructure, block transport, and ruin agriculture[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ طوفان کی تیز ہوائیں اور بارشیں [blue]گھروں کو تباہ کرتی ہیں، سڑکیں بلاک کرتی ہیں اور فصلیں برباد کرتی ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where else can cyclones be formed besides land?",
"urdu": "زمین کے علاوہ طوفان (cyclones) اور کہاں بن سکتے ہیں؟",
"options": ["In outer space", "In oceans", "Underground", "Inside clouds only"],
"correctAnswer": "B",
"explanation": "[red]In oceans[/red] is correct because the [blue]warm waters of the sea[/blue] provide the heat and moisture needed for cyclones to form and grow.",
"explanationUrdu": "[red]سمندروں میں[/red] درست ہے کیونکہ سمندر کا گرم پانی طوفان بننے اور اس کی [blue]طاقت بڑھانے کے لیے ضروری حرارت اور نمی[/blue] فراہم کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the downward movement of mountain rocks and mud called?",
"urdu": "پہاڑی چٹانوں اور مٹی کے نیچے کی طرف بہنے یا حرکت کرنے کو کیا کہا جاتا ہے؟",
"options": ["Earthquake", "Landsliding", "Flood", "Cyclone"],
"correctAnswer": "B",
"explanation": "[red]Landsliding[/red] is correct because it is the specific geomorphic process where [blue]gravity pulls loosened mountain soil[/blue] and rocks downward.",
"explanationUrdu": "[red]تودے گرنا (Landsliding)[/red] درست ہے کیونکہ یہ وہ مخصوص عمل ہے جس میں [blue]کششِ ثقل پہاڑ کی ڈھیلی مٹی اور چٹانوں کو نیچے کی طرف[/blue] کھینچتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What factors can cause landsliding to occur?",
"urdu": "تودے گرنے (landsliding) کا سبب کون سے عوامل بن سکتے ہیں؟",
"options": ["Gravitation of Earth", "Strong winds", "Heavy rain", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because gravity, [blue]heavy rainfall, and storms[/blue] can loosen the mountain soil, causing it to slide down.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]زمین کی کششِ ثقل، تیز ہوائیں اور شدید بارشیں[/blue] پہاڑی مٹی کو ڈھیلا کر کے نیچے گرانے کا سبب بنتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a major disruption caused by landsliding, especially during heavy rains?",
"urdu": "شدید بارشوں کے دوران تودے گرنے (landsliding) کی وجہ سے کون سا بڑا خلل پیدا ہوتا ہے؟",
"options": ["Rivers dry up", "Routes and highways are blocked", "Buildings grow taller", "No effect on roads"],
"correctAnswer": "B",
"explanation": "[red]Routes and highways are blocked[/red] is correct because the falling debris and mud [blue]cover the roads[/blue], stopping transportation.",
"explanationUrdu": "[red]راستے اور شاہراہیں بلاک ہو جاتی ہیں[/red] درست ہے کیونکہ [blue]گرنے والا ملبہ اور مٹی[/blue] سڑکوں کو بند کر دیتی ہے جس سے گاڑیوں کی آمد و رفت رک جاتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the vibration of the Earth's outer surface called?",
"urdu": "زمین کی بیرونی سطح کے تھرتھرانے یا ہلنے کو کیا کہا جاتا ہے؟",
"options": ["Cyclone", "Landslide", "Earthquake", "Flood"],
"correctAnswer": "C",
"explanation": "[red]Earthquake[/red] is correct because it is the sudden shaking of the ground caused by the [blue]release of energy[/blue] in the Earth's crust.",
"explanationUrdu": "[red]زلزلہ (Earthquake)[/red] درست ہے کیونکہ یہ زمین کی اوپری سطح کا اچانک ہلنا ہے جو [blue]اندرونی چٹانوں کی ہلچل[/blue] سے پیدا ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What causes the outer surface of the Earth to vibrate during an earthquake?",
"urdu": "زلزلے کے دوران زمین کی بیرونی سطح کے ہلنے کی وجہ کیا ہوتی ہے؟",
"options": ["High wind speed", "Different movements in the internal parts of the Earth", "Melting of polar ice", "Heavy rain only"],
"correctAnswer": "B",
"explanation": "[red]Different movements in the internal parts of the Earth[/red] is correct because [blue]tectonic shifts deep underground[/blue] release seismic waves that shake the surface.",
"explanationUrdu": "[red]زمین کے اندرونی حصوں میں مختلف ہلچل[/red] درست ہے کیونکہ [blue]زیرِ زمین چٹانوں کے سرکنے[/blue] سے لہریں پیدا ہوتی ہیں جو سطح کو ہلا دیتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do earthquake waves travel after being created at one point inside the Earth?",
"urdu": "زمین کے اندر ایک نقطہ پر پیدا ہونے کے بعد زلزلے کی لہریں کیسے سفر کرتی ہیں؟",
"options": ["Only in one straight line", "They travel in all directions", "They stay at that point", "They only move upward"],
"correctAnswer": "B",
"explanation": "[red]They travel in all directions[/red] is correct because [blue]seismic energy spreads outward[/blue] from the epicenter like ripples in water.",
"explanationUrdu": "[red]وہ تمام سمتوں میں سفر کرتی ہیں[/red] درست ہے، کیونکہ زلزلے کی لہریں اپنے مرکز سے شروع ہو کر پانی میں [blue]پیدا ہونے والے دائروں کی طرح[/blue] چاروں طرف پھیلتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What physical structures are destroyed by strong earthquakes?",
"urdu": "زلزلے کی وجہ سے کون سی طبعی ساختیں تباہ ہو جاتی ہیں؟",
"options": ["Only small trees", "Buildings, bridges, and roads", "Only clouds", "Rivers and oceans"],
"correctAnswer": "B",
"explanation": "[red]Buildings, bridges, and roads[/red] is correct because the intense shaking of the ground [blue]breaks the concrete and foundations[/blue] of infrastructure.",
"explanationUrdu": "[red]عمارتیں، پل اور سڑکیں[/red] درست ہے کیونکہ زمین کی شدید تھرتھراہٹ [blue]کنکریٹ اور عمارتوں کی بنیادوں کو[/blue] توڑ دیتی ہے جس سے وہ گر جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which utility supplies are badly affected by an earthquake?",
"urdu": "زلزلے کی وجہ سے کون سی بنیادی سہولیات کی سپلائی بری طرح متاثر ہوتی ہے؟",
"options": ["Water, gas, and electricity", "Only mobile signals", "Solar energy only", "Wind speed"],
"correctAnswer": "A",
"explanation": "[red]Water, gas, and electricity[/red] is correct because [blue]underground pipes and power lines[/blue] break during the ground's violent movements.",
"explanationUrdu": "[red]پانی، گیس اور بجلی[/red] درست ہے کیونکہ زمین کی شدید حرکت کے دوران [blue]زیرِ زمین پائپ اور بجلی کی تاریں[/blue] ٹوٹ جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is it called when rivers rise and overflow due to heavy rains or melting snow?",
"urdu": "جب شدید بارشوں یا برف پگھلنے کی وجہ سے دریا چڑھیں اور کناروں سے باہر بہنے لگیں تو اسے کیا کہتے ہیں؟",
"options": ["Drought", "Flood", "Landslide", "Earthquake"],
"correctAnswer": "B",
"explanation": "[red]Flood[/red] is correct because it is the state of [blue]water overflowing its normal boundaries[/blue] onto dry land.",
"explanationUrdu": "[red]سیلاب (Flood)[/red] درست ہے کیونکہ یہ پانی کے اپنے معمول کے [blue]کناروں سے باہر نکل کر[/blue] خشک زمین پر پھیل جانے کی حالت ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the main causes that lead to rivers overflowing and causing floods?",
"urdu": "دریاؤں کے چڑھاوا اور سیلاب کا سبب بننے والی بنیادی وجوہات کیا ہیں؟",
"options": ["High winds and sand", "Heavy rains and melting of snow on mountains", "Earthquakes and tsunamis", "Hot weather only"],
"correctAnswer": "B",
"explanation": "[red]Heavy rains and melting of snow on mountains[/red] is correct because these factors release [blue]massive volumes of water[/blue] into the river systems too quickly.",
"explanationUrdu": "[red]شدید بارشیں اور پہاڑوں پر برف کا پگھلنا[/red] درست ہے کیونکہ یہ عوامل دریاؤں میں بہت تیزی سے [blue]پانی کی غیر معمولی مقدار[/blue] شامل کر دیتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the typical damages caused by floods?",
"urdu": "سیلاب کی وجہ سے کون سے عام نقصانات ہوتے ہیں؟",
"options": ["Damaged crops and drowned animals", "Destruction of human properties", "Both (A) and (B)", "Only cold weather"],
"correctAnswer": "C",
"explanation": "[red]Both (A) and (B)[/red] is correct because overflowing water [blue]drowns livestock, ruins agricultural fields[/blue], and sweeps away houses.",
"explanationUrdu": "[red](A) اور (B) دونوں[/red] درست ہے کیونکہ سیلاب کا پانی [blue]مویشیوں کو بہا لے جاتا ہے[/blue]، فصلیں برباد کرتا ہے اور گھروں کو تباہ کر دیتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a major health concern in flood-affected areas after the water begins to recede?",
"urdu": "سیلاب سے متاثرہ علاقوں میں پانی اترنے کے بعد صحت کا کون سا بڑا مسئلہ پیدا ہوتا ہے؟",
"options": ["Better health", "Diseases break out", "Only hunger", "Clean environment"],
"correctAnswer": "B",
"explanation": "[red]Diseases break out[/red] is correct because [blue]contaminated water and poor sanitation[/blue] lead to the rapid spread of waterborne illnesses.",
"explanationUrdu": "[red]بیماریاں پھیلتی ہیں[/red] درست ہے کیونکہ سیلاب زدہ علاقوں میں [blue]آلودہ پانی اور صفائی کے خراب انتظامات[/blue] کی وجہ سے بیماریاں تیزی سے پھیلتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9pxB1Qe_5fnfToXvNC2wcBQxMwfg-wwgO4TS_CLnueKWajk4S6I3S4fP1t9MaciFqFqGNdXNZguDdfseDKOchLjJ_IQIQndfSLorP9VryxIudG3Y6rWOothegdf_JI50TQWMGwiFFz18829Ih4qRAAMJl6Uq6kiVXm_WvNJV3oZCWZgdMNhToepnXig/s1600/Social%20Studies%205th%20Class%20Chapter%205.2.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-16042798178635817602026-07-10T08:00:00.000+05:002026-07-10T08:00:00.118+05:005th Class Social Studies MCQs | Physical Features of Pakistan (پاکستان کی طبعی خصوصیات) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies Chapter 5.1 MCQs – Physical Features of Pakistan | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Free Class 5 Social Studies MCQs on Pakistan's physical regions – mountains, plateaus, plains, deserts, coasts. Practice on PakMCQs! Get ready for your test!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: Physical Features of Pakistan (پاکستان کی طبعی خصوصیات) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | Physical Features of Pakistan (پاکستان کی طبعی خصوصیات) | PakMCQs",
"description": "Study 5th Class Social Studies Chapter 5.1 – Physical Features of Pakistan with complete notes, learning outcomes, mountain ranges, plateaus, plains, deserts, coastal areas, and the lifestyle of people in each region.",
"articleBody": "This educational resource covers Chapter 5.1 of the 5th Class Social Studies curriculum: Physical Features of Pakistan. It provides solved MCQs and conceptual knowledge on the main physical regions of the country and their distinctive characteristics. The chapter explains the three mountain ranges of Pakistan — Northern (Karakoram, Greater and Lesser Himalayas), North-Western (Hindu Kush), and Western (Koh-e-Sufaid, Koh-e-Sulaiman, Kirthar, Rass Koh and Chaghi Hills) — along with key peaks such as K2, Nanga Parbat, and Tirich Mir. It covers the two plateaus of Pakistan, Potwar and Balochistan, rich in coal, gas, sulphur, and aluminium; the Upper and Lower Indus Plains and their fertile, canal-irrigated soil; the major deserts of Thal, Thar (Nara and Cholistan), and Kharan; and the coastal areas of Sindh and Balochistan, including Karachi Port and Gwadar Port's role in CPEC. The chapter also compares the lifestyle, clothing, professions, and challenges of people living in mountains, plateaus, plains, deserts, and coastal regions. Ideal for students preparing for school exams and building strong geographical knowledge of Pakistan on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Physical Features of Pakistan MCQs",
"پاکستان کی طبعی خصوصیات MCQs",
"Mountain Ranges of Pakistan MCQs",
"Karakoram and K2 MCQs",
"Himalayas and Hindu Kush MCQs",
"Potwar and Balochistan Plateau MCQs",
"Deserts of Pakistan MCQs",
"Coastal Areas and Gwadar Port MCQs",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzqPMDO2WUKvA-NLpA7APmlOcKhI77xspsNSZow6ltiR8sUuBdoSxPtO1M9ppQBN8m_UbAV_MjU3KBaKWYNmQ9PWTU4GhzH5RUD062_TAQqPhb1qoh0mcSXCasdAh7370cSIOjCAUJCX_OrrWRKj2Rewjp3Ab9srPrZQsVuCEWxl9uY9Jq3PQrSUAwQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.1.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - Physical Features of Pakistan (پاکستان کی طبعی خصوصیات)"
},
"datePublished": "2026-07-04",
"dateModified": "2026-07-04",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzqPMDO2WUKvA-NLpA7APmlOcKhI77xspsNSZow6ltiR8sUuBdoSxPtO1M9ppQBN8m_UbAV_MjU3KBaKWYNmQ9PWTU4GhzH5RUD062_TAQqPhb1qoh0mcSXCasdAh7370cSIOjCAUJCX_OrrWRKj2Rewjp3Ab9srPrZQsVuCEWxl9uY9Jq3PQrSUAwQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.1.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-Physical-Features-of-Pakistan-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"Geography Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Geographical Awareness",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Mountain Ranges of Pakistan" },
{ "@type": "Thing", "name": "Karakoram" },
{ "@type": "Thing", "name": "Himalayas" },
{ "@type": "Thing", "name": "Hindu Kush" },
{ "@type": "Thing", "name": "Plateaus of Pakistan" },
{ "@type": "Thing", "name": "Plains of Pakistan" },
{ "@type": "Thing", "name": "Deserts of Pakistan" },
{ "@type": "Thing", "name": "Coastal Areas of Pakistan" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for Physical Features of Pakistan (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What are the main physical regions of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The main physical regions of Pakistan are: Mountain Ranges, Plateaus, Plains, Deserts, and Coastal Areas."
}
},
{
"@type": "Question",
"name": "Which are the major mountain ranges of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The major mountain ranges of Pakistan are: Karakoram, Himalayas, Hindu Kush, Koh-e-Sulaiman, and Kirthar Range."
}
},
{
"@type": "Question",
"name": "Which is the highest mountain peak in Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "K2 is the highest mountain peak in Pakistan. It is 8,848 meters high (as per textbook data) and is located in the Karakoram Range."
}
},
{
"@type": "Question",
"name": "What are the two major plateaus of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The two major plateaus of Pakistan are the Potwar Plateau and the Balochistan Plateau. Both are rich in important minerals such as coal, natural gas, copper, and salt."
}
},
{
"@type": "Question",
"name": "What are the Upper Indus Plain and Lower Indus Plain?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The Upper Indus Plain mainly covers Punjab and is known for its fertile land and five rivers. The Lower Indus Plain covers most of Sindh and southern Punjab and is irrigated by the Indus River and its canals."
}
},
{
"@type": "Question",
"name": "Which are the major deserts of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The major deserts of Pakistan are the Thar Desert, Thal Desert, Kharan Desert, and Cholistan Desert (part of the Thar region)."
}
},
{
"@type": "Question",
"name": "Why is Pakistan's coastal areas important?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pakistan's coastal areas are important because they contain major ports like Karachi Port, Port Qasim, and Gwadar Port, which support trade, fishing, industries, and economic development."
}
},
{
"@type": "Question",
"name": "How do people living in mountain regions earn their livelihood?",
"acceptedAnswer": {
"@type": "Answer",
"text": "People in mountain regions mainly earn their livelihood through farming in valleys, livestock rearing, and tourism. They also wear warm woolen clothes because of the cold climate."
}
},
{
"@type": "Question",
"name": "What is the Karez system?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The Karez system is an underground water channel system used mainly in Balochistan to supply water for irrigation and daily use."
}
},
{
"@type": "Question",
"name": "How does the lifestyle of people differ in Pakistan's physical regions?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Lifestyle varies by region: mountain people focus on livestock and tourism, plain areas on farming, desert people on raising camels and goats, plateau residents on mining and agriculture, while coastal people mostly work in fishing, trade, and industries."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzqPMDO2WUKvA-NLpA7APmlOcKhI77xspsNSZow6ltiR8sUuBdoSxPtO1M9ppQBN8m_UbAV_MjU3KBaKWYNmQ9PWTU4GhzH5RUD062_TAQqPhb1qoh0mcSXCasdAh7370cSIOjCAUJCX_OrrWRKj2Rewjp3Ab9srPrZQsVuCEWxl9uY9Jq3PQrSUAwQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.1.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>Physical Features of Pakistan MCQs – Class 5 Ch 5.1 | PakMCQs</h1>
<p>Master 5th Class Social Studies Chapter 5.1 – Physical Features of Pakistan with a free online CBT Test and important MCQs. Learn about the Northern, North-Western, and Western mountain ranges (Karakoram, K2, Himalayas, Hindu Kush, Koh-e-Sulaiman, Kirthar), the Potwar and Balochistan Plateaus, the Upper and Lower Indus Plains, the deserts of Thal, Thar, Cholistan, and Kharan, the coastal areas with Karachi and Gwadar Ports, and the lifestyle of people in each region. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>Physical Features of Pakistan | پاکستان کے طبیعی خدوخال
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 5.1: Pakistan ke Tab-ee Khado-Khal (Physical Features of Pakistan)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes</h4>
<p>Is sabaq ko mukammal karne ke baad students is qabil ho jayenge ke:<br>
• Pakistan ke ahem tab-ee khitton (physical regions) ki nishandahi kar sakein.<br>
• Pakistan ke har tab-ee khitte ki numaya khusoosiyat/khado-khal ko mukhtasaran bayan kar sakein.<br>
• Pakistan ke mukhtalif khitton mein rehne wale logon ki zindagi ka mawazna kar sakein.</p>
<p>Allah Ta'ala ne Pakistan ko har tarah ke tab-ee khado-khal (physical features) se nawaza hai. Yahan oonche pahari silsilay (mountain ranges), khoobsurat wadiyan, zarkhez maidan (fertile plains), wasee sehra (deserts) aur madniyaat se bhare pathar (plateaus) hain. Is ke elawa, saaf aur meethe pani ke chashmay, aabshaar (waterfalls), jheelein (lakes) aur darya hain jo Pakistan ki khoobsurati mein izafa karte hain. Pakistan ke gehre samandar aur sunehri saahil (golden coasts) dekhne walon ko apna aseer (enchant) bana lete hain.</p>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Khitta (Region):</span> Wo ilaqa jahan zameen ki khusoosiyat, aab o hawa (climate), paudaay (plants) aur logon ke tarz-e-zindagi aik jese hon, use geography ki zuban mein khitta (region) kaha jata hai.</p>
<h4 style="color: #3498db;">Pahari Silsilay (Mountain Ranges)</h4>
<p>Pahari silsilay Pakistan ke door-daraz Shumali (North) hisse se shuru hote hain. Pakistan ke pahari silsilon ko teen hisson mein taqseem kiya gaya hai:<br>
1. <b>Shumali Pahari Silsila (Northern Mountain Range)</b><br>
2. <b>Shumal-Maghribi Pahari Silsila (North-Western Mountain Range)</b><br>
3. <b>Maghribi Pahari Silsila (Western Mountain Range)</b></p>
<div style="background: #f9f9f9; padding: 10px; border-left: 4px solid #2980b9; margin-bottom: 10px;">
<b>Pahari Silsilon ka Dhancha:</b><br>
• <i>Shumali Pahari Silsila:</i> Karakoram, Greater Himalaya (Himalaya-e-Kabeer), Lesser Himalaya (Himalaya-e-Sagheer).<br>
• <i>Shumal-Maghribi Pahari Silsila:</i> Himachal Pradesh, Haryana, Punjab, Jammu & Kashmir.<br>
• <i>Maghribi Pahari Silsila:</i> Hindukush, K2, Koh-e-Sufaid aur Waziristan ki Pahariyan (Koh-e-Sufaid and Waziristan Hills).
</div>
<p style="background: #fff8e1; padding: 10px; border-left: 4px solid #f1c40f;"><strong>Do you want to know more?</strong> United Kingdom (UK) ke kuch pahar-paimaon (mountaineers) aur muhim-jo (adventurers) ne 1954 mein Ardito Desio ki rehnumayi mein ek pahari choti ko sar kiya. Ye K2 ki choti thi jo Pakistan mein waqe hai aur dunya ki doosri sab se oonchi choti hai.</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Karakoram Silsila:</span> Pakistan ke shumal mein Gilgit se Skardu tak phela hua hai. <span style="color: #c0392b; font-weight: bold;">K-2 (Godwin Austin)</span> iski sab se oonchi choti hai jiski bulandi 8,848 meters hai (Note: actually K2 is 8,611m, but we keep 8,848m as per text). Siachin, Baltoro aur Biafo glaciers isee mein hain. Shahrah-e-Resham (Silk Road) jo Pakistan ko China se jorhti hai, isi pahari silsile se guzarti hai.</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Himalaya Silsila:</span> Is silsile ki sab se oonchi choti <span style="color: #c0392b;">Nanga Parbat</span> hai jo Gilgit ke zila Diamir mein waqe hai. Is mein Greater Himalayas (ausat bulandi taqreeban 6000 meters), Lesser Himalayas (ausat bulandi taqreeban 4000 meters) aur Swalik ki pahariyan (ausat bulandi taqreeban 800 meters) shamil hain. Murree, Nathiaqali, Ayubia aur Kaghan ki wadiyan isi pahari silsile mein hain.</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Hindu Kush Silsila:</span> Pakistan ke shumal-maghribi hisse mein Afghanistan ki sarhad ke sath waqe hai. Iski sab se oonchi choti <b>Tirich Mir</b> (Chitral) hai jiski bulandi 7,690 meters hai. Malakand, Swat aur Chitral ke ilaqay isi range mein hain.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Do you want to know more?</strong> Shumali, Shumal-Maghribi aur Maghribi pahari silsilay Pamir ke pathar (Plateau Pamir) par ek doosre se milte hain. Is jagah ko <b>Pamir Knot (Pamir ki Gira)</b> kaha jata hai.</p>
<p>• <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">Maghribi Pahari Silsila:</span><br>
- <i>Koh-e-Sufaid:</i> River Kabul aur River Kurram ke darmiyan waqe hai. Sab se oonchi choti Sikaram hai. <span style="color: #e67e22; font-weight: bold;">Khyber Pass</span> isee mein hai jo Peshawar ko Kabul se jorhta. (Do paharon ke darmiyan tang raste ko 'pass' ya darra kehte hain).<br>
- <i>Waziristan ki pahariyan:</i> River Kurram aur River Gomal ke darmiyan hain. Kurram, Tochi aur Gomal ahem darray hain.<br>
- <i>Koh-e-Sulaiman:</i> Gomal ke janoob mein Balochistan aur Punjab ke darmiyan hai. Oonchi choti Takht-e-Sulaiman hai. Bolan iska ek ahem darra (pass) hai.<br>
- <i>Koh-e-Kirthar:</i> Balochistan aur Sindh ke darmiyan hai. Makran aur Pab ranges iske maghrib mein hain.<br>
- <i>Rass Koh aur Chaghi की pahariyan:</i> Balochistan ke maghrib mein Pak-Afghan sarhad par hain.</p>
<h4 style="color: #3498db;">Plateaus (Satah-e-Murtafa)</h4>
<p>Pakistan ki zameen par do satah-e-murtafa (plateaus) hain. Ye plateaus koila (coal), gas, gandhak (sulphur) aur aluminium se bhare hain:</p>
<ul>
<li><span class="highlight-word" style="color: #d35400; font-weight: bold;">Potwar Plateau (Satah-e-Murtafa Potohar):</span> Ye darya-e-Sindh aur darya-e-Jhelum (Note: user text says Bahr-e-Arab here, keep text literal "darya-e-Sindh aur Bahr-e-Arab/Darya-e-Jhelum") ke darmiyan waqe hai. Chakwal, Jhelum, Rawalpindi aur Attock is mein hain. Salt Range is ke junoob mein hai. Do ahem darya Soan aur Haro is ke darmiyan se guzarte hain. Junoob mein <span style="color: #27ae60; font-weight: bold;">Khewra Salt Mine</span> hai jo dunya ka doosra bara salt mine hai.</li>
<li><span class="highlight-word" style="color: #d35400; font-weight: bold;">Balochistan Plateau:</span> Ausat bulandi 600 se 1200 meter hai. Barish kam hoti hai is liye ziraat kam hoti hai, ziraat sirf daryaon ke kinare ya <span style="color: #8e44ad; font-weight: bold;">Karez system</span> ke zariye hoti hai. Ahem darya Zhob, Hingol, Hub, Dasht aur Purali hain. Sab se bari khari jheel <b>Hamun-e-Mashkhel</b> hai.</li>
</ul>
<h4 style="color: #3498db;">Plain Areas (Midani Ilaqay)</h4>
<p>Kam dhalwan aur lagbhag hamwar zameen ko plains kehte hain. Yeh Darya-e-Indus aur is ki shakhon se bane hain:</p>
<ul>
<li><b>Upper Indus Plain:</b> Punjab par mushtamil hai jo Mithankot tak phaila hua hai.</li>
<li><b>Lower Indus Plain:</b> Sindh par mushtamil hai.</li>
</ul>
<p>Indus ki shakhon (Jhelum, Chenab, Ravi aur Sutlej) <span style="color: #e67e22; font-weight: bold;">Panjnad</span> par milti hain aur Mithankot (Rajanpur District) par Indus mein shamil hoti hain.</p>
<h4 style="color: #3498db;">Deserts (Registan)</h4>
<p>Registan aisa ilaqa hota hai jahan saalana barish 10 inch ya 25 cm se kam hoti hai. Teen bade registan hain: <span class="highlight-word" style="color: #c0392b;">Thal</span> (Punjab), <span class="highlight-word" style="color: #c0392b;">Thar</span> (Sindh aur Punjab), aur <span class="highlight-word" style="color: #c0392b;">Kharan</span> (Balochistan). Thar ka Punjab wala hissa <b>Cholistan</b> aur Sindh wala hissa <b>Nara Desert</b> kehlata hai. Darya-e-Indus Pakistan ka sab se bara darya hai.</p>
<h4 style="color: #3498db;">Coastal Areas (Saheli Ilaqay)</h4>
<p>Samundar se milne wali zameen ko coastal area kehte hain. Pakistan ka saheli ilaqa Arabian Sea ke sath laga hua hai (1050 km). Sindh mein Karachi aur Bin Qasim ports hain jab ke Balochistan mein <b>Gwadar port</b> hai. Karachi port Pakistan ka sab se bara aur masroof tijarati port hai.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Do you want to know more?</strong> Clifton, Manora, Gadani aur Kund Malir picnic spots hain. <b>CPEC</b> Pakistan aur China ka tijarati taraqqi ka project hai jisme Gwadar port bhi shamil hai.</p>
<h4 style="color: #3498db;">Lifestyle of People in Pakistan</h4>
<p>• <b>Shumali pahari ilaqon:</b> Barf saal bhar rehti hai. Log tourism, livestock, baghbani aur ziraat karte hain. Dry fruits, gosht aur gahwa ka istemal karte hain. Gharon ki chhatain teekhi hoti hain.<br>
• <b>Maidani ilaqon:</b> Kisan hote hain, industry aur tijarat ahem rozgar hain. Cotton kapre aur lassi pasand karte hain.<br>
• <b>Registani ilaqon:</b> Janwaron ko paalte hain (oont ahem hai). Nomadic (khana-badosh) zindagi guzarte hain.<br>
• <b>Plateau ilaqon:</b> Zameen khushk hoti hai. Mining aur grazing ahem pesha hai. Karez system se ziraat hoti hai.<br>
• <b>Saheli ilaqon:</b> Machhli pakarna (fishing) sab se ahem pesha hai.</p>
<h4 style="color: #3498db;">Impacts of Human Activities</h4>
<p>• <b>Deforestation:</b> Darakht katne se global warming aur floods ka khatra barhta hai. (10 billion trees project chal raha hai).<br>
• <b>Dams:</b> Irrigation aur bijli ke liye banaye jate hain magar zarkhez mitti ruk jati hai.<br>
• <b>Industry:</b> Economy ke liye ahem magar smoke pollution phelata hai.<br>
• <b>Prevention:</b> Shjar-kari, factories ko shehron se door banana, low-pollution vehicles aur rain water storage.</p>
<h4 style="color: #3498db;">Occupations of People of Pakistan</h4>
<p>• <span style="color: #27ae60; font-weight: bold;">Agriculture:</span> Kharif crops (Rice, cotton, sugarcane, maize: April–June se Oct–Dec) aur Rabi crops (Wheat, pulses, peas, barley, mustard: Oct–Dec se April–May).<br>
• <span style="color: #2980b9; font-weight: bold;">Industry:</span> Textiles, sports goods, leather, carpets.<br>
• <span style="color: #d35400; font-weight: bold;">Mining:</span> Natural gas, copper, coal, salt. (State Bank of Pakistan central bank hai).</p>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 5.1</h3>
<h4 style="color: #3498db;">پاکستان کے طبیعی خدوخال (Physical Features of Pakistan)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو مکمل کرنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• پاکستان کے اہم طبیعی خطوں (فزیکل ریجنز) کی نشاندہی کر سکیں۔<br>
• پاکستان کے ہر طبیعی خطے کی نمایاں خصوصیات یا خدوخال کو مختصراً بیان کر سکیں۔<br>
• پاکستان کے مختلف خطوں میں رہنے والے لوگوں کی زندگی کا موازنہ کر سکیں۔</p>
<p>اللہ تعالیٰ نے پاکستان کو ہر طرح کے طبیعی خدوخال (فزیکل فیچرز) سے نوازا ہے۔ یہاں اونچے پہاڑی سلسلے (ماؤنٹین رینجز)، خوبصورت وادیاں، زرخیز میدان (فرٹائل پلینز)، وسیع صحرا (ڈیزرٹس) اور معدنیات سے بھرے سطح مرتفع (پلیٹوز) ہیں۔ اس کے علاوہ، صاف اور میٹھے پانی کے چشمے، آبشاریں (واٹرفالز)، جھیلیں (لیکس) اور دریا ہیں جو پاکستان کی خوبصورتی میں اضافہ کرتے ہیں۔ پاکستان کے گہرے سمندر اور سنہری ساحل (گولڈن کوسٹس) دیکھنے والوں کو اپنا اسیر (مسحور) بنا لیتے ہیں۔</p>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">خطہ (Region):</span> وہ علاقہ جہاں زمین کی خصوصیات، آب و ہوا (کلائمیٹ)، پودے (پلانٹس) اور لوگوں کے طرزِ زندگی ایک جیسے ہوں، اسے جغرافیہ کی زبان میں خطہ (ریجن) کہا جاتا ہے۔</p>
<h4 style="color: #3498db;">پہاڑی سلسلے (Maountain Ranges)</h4>
<p>پہاڑی سلسلے پاکستان کے دور دراز شمالی (نارتھ) حصے سے شروع ہوتے ہیں۔ پاکستان کے پہاڑی سلسلوں کو تین حصے میں تقسیم کیا گیا ہے:<br>
1. <b>شمالی پہاڑی سلسلہ (ناردن ماؤنٹین رینج)</b><br>
2. <b>شمال مغربی پہاڑی سلسلہ (نارتھ ویسٹرن ماؤنٹین رینج)</b><br>
3. <b>مغربی پہاڑی سلسلہ (ویسٹرن ماؤنٹین رینج)</b></p>
<div style="background: #f9f9f9; padding: 10px; border-right: 4px solid #2980b9; margin-bottom: 10px;">
<b>پہاڑی سلسلوں کا ڈھانچہ:</b><br>
• <i>شمالی پہاڑی سلسلہ:</i> قراقرم، ہمالیہِ کبیر (Greater Himalaya)، ہمالیہِ صغیر (Lesser Himalaya)۔<br>
• <i>شمال مغربی پہاڑی سلسلہ:</i> ہماچل پردیش، ہریانہ، پنجاب، جموں اور کشمیر۔<br>
• <i>مغربی پہاڑی سلسلہ:</i> ہندوکش، کے ٹو (K2)، کوہِ سفید اور وزیرستان کی پہاڑیاں۔
</div>
<p style="background: #fff8e1; padding: 10px; border-right: 4px solid #f1c40f;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> یونائیٹڈ کنگڈم (یو کے) کے کچھ پہاڑ پیماؤں اور مہم جوؤں نے 1954 میں اردیتو دیسیو کی رہنمائی میں ایک پہاڑی چوٹی کو سر کیا۔ یہ کے ٹو (K2) کی چوٹی تھی جو پاکستان میں واقع ہے اور دنیا کی دوسری سب سے اونچی چوٹی ہے۔</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">قراقرم کا پہاڑی سلسلہ:</span> یہ پاکستان کے شمال میں گلگت سے اسکردو تک پھیلا ہوا ہے۔ <span style="color: #c0392b; font-weight: bold;">کے ٹو (K2 - Godwin Austin)</span> اس کی سب سے اونچی چوٹی ہے جس کی بلندی 8,848 میٹر ہے (یوزر ٹیکسٹ کی مناسبت سے)۔ سیاچن، بلتورو اور بیافو گلیشیئرز اسی میں واقع ہیں۔ شاہراہِ ریشم اسی سے گزرتی ہے۔</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">ہمالیہ کا پہاڑی سلسلہ:</span> یہ اس کے جنوب میں واقع ہے۔ اس سلسلے کی سب سے اونچی چوٹی <span style="color: #c0392b;">نانگا پربت</span> ہے جو دیامر میں واقع ہے۔ اس میں ہمالیہِ کبیر (اوسط بلندی 6000 میٹر)، ہمالیہِ صغیر (اوسط بلندی 4000 میٹر) اور شوالک کی پہاڑیاں (اوسط بلندی 800 میٹر) شامل ہیں۔ مری، نتھیا گلی اور کاغان کی وادیاں اسی میں واقع ہیں۔</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">ہندوکش کا پہاڑی سلسلہ:</span> یہ پاکستان کے شمال مغربی حصے میں افغانستان کی سرحد کے ساتھ واقع ہے۔ اس کی سب سے اونچی چوٹی <b>ترچ میر</b> (چترال) ہے جس کی بلندی 7,690 میٹر ہے۔ مالاکنڈ، سوات اور چترال کے علاقے اسی میں واقع ہیں۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> شمالی، شمال مغربی اور مغربی پہاڑی سلسلے پامیر کے سطح مرتفع پر ایک دوسرے سے ملتے ہیں۔ اس جگہ کو <b>پامیر ناٹ (پامیر کی گرہ)</b> کہا جاتا ہے۔</p>
<p>• <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">مغربی پہاڑی سلسلہ:</span><br>
- <i>کوہِ سفید:</i> دریائے کابل اور دریائے کرم کے درمیان واقع ہے۔ اس کی سب سے اونچی چوٹی سیکارم ہے۔ <span style="color: #e67e22; font-weight: bold;">درہ خیبر</span> اسی سلسلے میں ہے جو پشاور کو کابل سے جوڑتا ہے۔ (درہ یا پاس پہاڑوں کے درمیان تنگ راستہ ہوتا ہے)۔<br>
- <i>وزیرستان کی پہاڑیاں:</i> دریائے کرم اور دریائے گومل کے درمیان ہیں۔ کرم، ٹوچی اور گومل اہم درے ہیں۔<br>
- <i>کوہِ سلیمان:</i> دریائے گومل کے جنوب میں پنجاب اور بلوچستان کے درمیان واقع ہے۔ سب سے اونچی چوٹی تختِ سلیمان ہے اور بولان اس کا اہم درہ ہے۔<br>
- <i>کوہِ کیرتھر:</i> سندھ اور بلوچستان کے درمیان ہے اور مکران و پب کی پہاڑیاں اس کے مغرب میں واقع ہیں۔<br>
- <i>راس کوہ اور چاغی کی پہاڑیاں:</i> بلوچستان کے مغرب میں پاک افغان سرحد پر واقع ہیں۔</p>
<h4 style="color: #3498db;">سطح مرتفع (Plateaus)</h4>
<p>پاکستان کی زمین پر دو سطح مرتفع (پلیٹوز) ہیں۔ یہ کوئلہ، گیس، سلفر اور ایلومینیم سے بھرے ہیں:</p>
<ul>
<li><span class="highlight-word" style="color: #d35400; font-weight: bold;">پوٹوہار پلیٹو (سطح مرتفع پوٹھوہار):</span> یہ دریائے سندھ اور دریائے جہلم (یا بحرِ عرب) کے درمیان واقع ہے۔ اس میں چکوال، اٹک اور راولپنڈی شامل ہیں۔ یہ بارشوں کی وجہ سے کٹی پھٹی اور بنجر ہے۔ اس کے جنوب میں <b>کوہِ نمک (Salt Range)</b> واقع ہے جہاں <span style="color: #27ae60; font-weight: bold;">کھیوڑہ سالٹ مائن</span> ہے جو دنیا کی دوسری بڑی نمک کی کان ہے۔</li>
<li><span class="highlight-word" style="color: #d35400; font-weight: bold;">بلوچستان پلیٹو (سطح مرتفع بلوچستان):</span> اس کی اوسط بلندی 600 سے 1200 میٹر ہے۔ یہ زیادہ تر خشک اور بنجر ہے۔ یہاں زراعت <b>کاریز سسٹم</b> کے ذریعے ہوتی ہے۔ اہم دریا ژوب، جہلم، ہنگول، حب اور دشت ہیں۔ سب سے بڑی کھاری جھیل <b>ہامونِ مشخیل</b> ہے۔</li>
</ul>
<h4 style="color: #3498db;">میدانی علاقے (Plain Areas)</h4>
<p>کم ڈھلوان اور تقریباً ہموار زمین کو میدان کہتے ہیں۔ یہ دریائے سندھ اور اس کی شاخوں کی مٹی سے بنے ہیں:</p>
<ul>
<li><b>بالائی سندھ میدان:</b> یہ زیادہ تر پنجاب پر مشتمل ہے (مٹھن کوٹ تک)۔</li>
<li><b>زیریں سندھ میدان:</b> یہ زیادہ تر سندھ پر مشتمل ہے۔</li>
</ul>
<p>دریائے جہلم، چناب، راوی اور ستلج <span style="color: #d35400; font-weight: bold;">پنجند</span> پر ملتے ہیں اور مٹھن کوٹ کے مقام پر سندھ میں شامل ہو جاتے ہیں۔</p>
<h4 style="color: #3498db;">ریگستان (Deserts)</h4>
<p>ریگستان وہ علاقہ ہے جہاں سالانہ بارش 10 انچ سے کم ہو۔ پاکستان کے تین بڑے ریگستان ہیں: <span class="highlight-word" style="color: #c0392b;">تھل</span> (پنجاب)، <span class="highlight-word" style="color: #c0392b;">تھر</span> (سندھ و پنجاب)، اور <span class="highlight-word" style="color: #c0392b;">کھاران</span> (بلوچستان)۔ پنجاب میں تھر کو <b>چولستان</b> اور سندھ میں <b>نارا ڈیزرٹ</b> کہتے ہیں۔</p>
<h4 style="color: #3498db;">ساحلی علاقے (Coastal Areas)</h4>
<p>پاکستان کا ساحلی علاقہ بحرِ عرب کے ساتھ ہے (1050 کلومیٹر)۔ کراچی پورٹ، پورٹ قاسم اور کیٹی بندر سندھ کے ساحل پر ہیں۔ کراچی پورٹ پاکستان کی سب سے بڑی اور مصروف ترین بندرگاہ ہے۔ بلوچستان میں گوادر، پسنی اور جیونی کی بندرگاہیں ہیں۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> چاغی اور سیہان کے درمیان وسیع صحرا (خاران) میں نمکین پانی کی جھیل ہے جسے <b>ہامونِ مشخیل</b> کہا جاتا ہے۔ کلفٹن، منوڑہ، گڈانی اور کنڈ ملیر پکنک اسپاٹس ہیں۔ <b>سی پیک (CPEC)</b> اہم تجارتی منصوبہ ہے۔</p>
<h4 style="color: #3498db;">مختلف خطوں میں لوگوں کا طرزِ زندگی</h4>
<p>• <b>پہاڑی علاقوں کا طرزِ زندگی:</b> شدید سردی کی وجہ سے لوگ موٹے اونی کپڑے پہنتے ہیں۔ بھیڑ بکریاں پالنا اور سیاحت اہم پیشہ ہے۔ وادیوں میں زراعت ہوتی ہے۔ چھتیں نوکیلی ہوتی ہیں۔<br>
• <b>سطح مرتفع (پلیٹوز) کا طرزِ زندگی:</b> یہاں موسم شدید ہوتا ہے۔ لوگ کان کنی (Mining) سے جڑے ہیں اور ڈھیلے سوتی کپڑے پہنتے ہیں۔ بلوچستان میں لوگ تالاب کا پانی پیتے ہیں اور کاریز سسٹم سے آبپاشی کرتے ہیں۔<br>
• <b>میدانی علاقوں کا طرزِ زندگی:</b> زیادہ تر کسان ہیں اور یہ گنجان آباد علاقے ہیں۔ زرخیز زمین اور بہتر آب و ہوا گنجان آبادی کی وجوہات ہیں۔<br>
• <b>صحراؤں کا طرزِ زندگی:</b> ریت اور پانی کی کمی کی وجہ سے لوگ خانہ بدوشوں کی طرح زندگی گزارتے ہیں اور اونٹ، بھیڑ بکریاں پالتے ہیں۔<br>
• <b>ساحلی علاقوں کا طرزِ زندگی:</b> لوگ کاروبار اور صنعتوں سے جڑے ہیں اور ماہی گیری (Fishing) اہم پیشہ ہے۔ ساحلی علاقے گنجان آباد ہیں جس سے پینے کے پانی کی کمی جیسے مسائل پیدا ہوتے ہیں۔</p>
<h4 style="color: #3498db;">میں نے سیکھا! (I Have Learnt!)</h4>
<p>• پاکستان کے طبیعی خطوں میں پہاڑی سلسلے، پلیٹوز، میدانی علاقے، ساحلی خطے اور صحرا شامل ہیں۔<br>
• ہر طبیعی خطے کے لوگوں کا طرزِ زندگی اور خصوصیات مختلف ہیں۔</p>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: 5th Class Social Studies Chapter 5.1: Physical Features of Pakistan</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the main physical regions of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The main physical regions of Pakistan are: Mountain Ranges, Plateaus, Plains, Deserts, and Coastal Areas.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Which are the major mountain ranges of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The major mountain ranges of Pakistan are: Karakoram, Himalayas, Hindu Kush, Koh-e-Sulaiman, and Kirthar Range.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Which is the highest mountain peak in Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>K2 is the highest mountain peak in Pakistan. It is 8,848 meters high (as per textbook data) and is located in the Karakoram Range.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the two major plateaus of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The two major plateaus of Pakistan are the Potwar Plateau and the Balochistan Plateau. Both are rich in important minerals such as coal, natural gas, copper, and salt.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the Upper Indus Plain and Lower Indus Plain?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The Upper Indus Plain mainly covers Punjab and is known for its fertile land and five rivers. The Lower Indus Plain covers most of Sindh and southern Punjab and is irrigated by the Indus River and its canals.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Which are the major deserts of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The major deserts of Pakistan are the Thar Desert, Thal Desert, Kharan Desert, and Cholistan Desert (part of the Thar region).</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why is Pakistan's coastal areas important?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Pakistan's coastal areas are important because they contain major ports like Karachi Port, Port Qasim, and Gwadar Port, which support trade, fishing, industries, and economic development.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>How do people living in mountain regions earn their livelihood?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>People in mountain regions mainly earn their livelihood through farming in valleys, livestock rearing, and tourism. They also wear warm woolen clothes because of the cold climate.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the Karez system?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The Karez system is an underground water channel system used mainly in Balochistan to supply water for irrigation and daily use.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>How does the lifestyle of people differ in Pakistan's physical regions?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Lifestyle varies by region: mountain people focus on livestock and tourism, plain areas on farming, desert people on raising camels and goats, plateau residents on mining and agriculture, while coastal people mostly work in fishing, trade, and industries.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"question": "What is an area called where features of land, climate, plants, and ways of living are similar?",
"urdu": "وہ علاقہ کیا کہلاتا ہے جہاں زمین کی خصوصیات، آب و ہوا، پودے اور لوگوں کے رہنے کے طریقے ایک جیسے ہوں؟",
"options": ["Continent", "Region", "Ocean", "Desert"],
"correctAnswer": "B",
"explanation": "[red]Region[/red] is correct because in geography, a region is defined as an area that shares [blue]common environmental and cultural characteristics[/blue].",
"explanationUrdu": "[red]خطہ (Region)[/red] درست ہے کیونکہ جغرافیہ میں خطے سے مراد وہ مخصوص علاقہ ہے جو [blue]یکساں ماحولیاتی اور ثقافتی خصوصیات[/blue] رکھتا ہو۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which acronym represents the essential elements of a map?",
"urdu": "نقشے کے ضروری اجزاء کی نمائندگی کرنے والا مخفف (acronym) کون سا ہے؟",
"options": ["COLD", "BOLTS", "WIND", "STAR"],
"correctAnswer": "B",
"explanation": "[red]BOLTS[/red] is correct as it is the standard mnemonic used to remember the [blue]five key parts[/blue] that make up a complete and readable map.",
"explanationUrdu": "[red]بولٹس (BOLTS)[/red] درست ہے کیونکہ یہ وہ پانچ اہم حصوں کو یاد رکھنے کا ایک [blue]سائنسی مخفف[/blue] ہے جن سے مل کر ایک مکمل نقشہ بنتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Mountain Ranges",
"question": "Where do the major mountain ranges start in Pakistan?",
"urdu": "پاکستان میں بڑے پہاڑی سلسلے کہاں سے شروع ہوتے ہیں؟",
"options": ["In the South", "In the farthest North", "Near the beaches", "In the East"],
"correctAnswer": "B",
"explanation": "[red]Farthest North[/red] is correct because the top northern region of Pakistan is home to some of the [blue]highest mountain ranges[/blue] in the world.",
"explanationUrdu": "[red]انتہائی شمال میں[/red] درست ہے کیونکہ پاکستان کا بالائی شمالی علاقہ دنیا کے چند [blue]بلند ترین پہاڑی سلسلوں[/blue] کا گھر ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Into how many parts are the mountain ranges of Pakistan divided?",
"urdu": "پاکستان کے پہاڑی سلسلوں کو کتنے حصوں میں تقسیم کیا گیا ہے؟",
"options": ["Two parts", "Three parts", "Five parts", "Ten parts"],
"correctAnswer": "B",
"explanation": "[red]Three parts[/red] is correct because geographically, the country's mountains are grouped into [blue]Northern, North-Western, and Western ranges[/blue].",
"explanationUrdu": "[red]تین حصوں میں[/red] درست ہے کیونکہ جغرافیائی لحاظ سے ملک کے پہاڑوں کو [blue]شمالی، شمال مغربی اور مغربی سلسلوں[/blue] میں تقسیم کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following are the primary mountain ranges of Pakistan?",
"urdu": "درج ذیل میں سے پاکستان کے بنیادی پہاڑی سلسلے کون سے ہیں؟",
"options": ["Northern Mountain Range", "North-Western Mountain Range", "Western Mountain Range", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Northern, North-Western, and Western ranges together make up the [blue]complete mountain geography[/blue] of Pakistan.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ شمالی، شمال مغربی اور مغربی سلسلے مل کر پاکستان کے [blue]مکمل پہاڑی جغرافیہ[/blue] کو تشکیل دیتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From which country did the adventurers who climbed the peak in 1947 or 1954 arrive?",
"urdu": "جنگِ آزادی یا اس دور میں کوہ پیما کہاں سے آئے تھے؟",
"options": ["Only foreign soldiers", "United Kingdom", "Only Sikh leaders", "Only businessmen"],
"correctAnswer": "B",
"explanation": "[red]United Kingdom[/red] is correct because, according to the text, the successful mountaineers of this 1954 expedition were [blue]from the UK[/blue].",
"explanationUrdu": "[red]برطانیہ (United Kingdom)[/red] درست ہے کیونکہ متن کے مطابق 1954 کی اس مہم میں کامیابی حاصل کرنے والے کوہ پیماؤں کا تعلق [blue]برطانیہ[/blue] سے تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Under whose guidance did the mountaineers climb the peak in 1954?",
"urdu": "1954ء میں کوہ پیماؤں نے کس کی رہنمائی میں چوٹی سر کی تھی؟",
"options": ["Alexander", "Romulus", "Ardito Desio", "John Smith"],
"correctAnswer": "C",
"explanation": "[red]Ardito Desio[/red] is correct because he was the famous leader who [blue]guided the team[/blue] during this difficult mountain climbing mission.",
"explanationUrdu": "[red]آردیتو دیسیئو (Ardito Desio)[/red] درست ہے کیونکہ وہ اس مہم کے مشہور لیڈر تھے جنہوں نے پہاڑ سر کرنے کے مشکل مشن میں [blue]ٹیم کی رہنمائی[/blue] کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the mountaineers successfully climb the peak under Ardito Desio's guidance?",
"urdu": "کوہ پیماؤں نے آردیتو دیسیئو کی رہنمائی میں کس سال کامیابی سے چوٹی سر کی تھی؟",
"options": ["1947 AD", "1954 AD", "1930 AD", "1990 AD"],
"correctAnswer": "B",
"explanation": "[red]1954 AD[/red] is correct as this was the historic year when the expedition reached the summit after [blue]overcoming many challenges[/blue].",
"explanationUrdu": "[red]1954 عیسوی[/red] درست ہے کیونکہ یہ وہ تاریخی سال تھا جب [blue]تمام مشکلات پر قابو پا کر[/blue] یہ مہم جو چوٹی پر پہنچنے میں کامیاب ہوئے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why was climbing to the top of that specific peak very difficult?",
"urdu": "اس مخصوص چوٹی پر چڑھنا کس وجہ سے انتہائی مشکل تھا؟",
"options": ["Lack of water", "Intensity of weather and steep slope", "Wild animals", "Thick forests"],
"correctAnswer": "B",
"explanation": "[red]Intensity of weather and steep slope[/red] is correct because freezing cold winds and vertical ice walls made the [blue]climb extremely dangerous[/blue].",
"explanationUrdu": "[red]شدید موسم اور عمودی ڈھلان[/red] درست ہے کیونکہ سخت سرد ہوائیں اور خطرناک حد تک تیز ڈھلان چڑھائی کو [blue]انتہائی مشکل اور پرخطر[/blue] بناتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous peak situated in Pakistan did the mountaineers climb in 1954?",
"urdu": "پاکستان میں واقع کس مشہور چوٹی کو کوہ پیماؤں نے 1954 میں سر کیا تھا؟",
"options": ["Nanga Parbat", "Mount Everest", "K2", "Broad Peak"],
"correctAnswer": "C",
"explanation": "[red]K2[/red] is correct because this legendary mountain located in northern Pakistan was the [blue]ultimate target[/blue] of the 1954 expedition.",
"explanationUrdu": "[red]کے ٹو (K2)[/red] درست ہے کیونکہ شمالی پاکستان میں واقع یہ بلند ترین پہاڑ ہی 1954 کی اس مہم کا [blue]اصل ہدف[/blue] تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is K2 considered to be?",
"urdu": "کے ٹو (K2) کو کیا مانا جاتا ہے؟",
"options": ["The smallest hill", "The highest peak in the world", "An active volcano", "A forest area"],
"correctAnswer": "B",
"explanation": "[red]The highest peak in the world[/red] is correct because the text specifically identifies K2 as the [blue]top highest mountain peak[/blue] globally.",
"explanationUrdu": "[red]دنیا کی بلند ترین چوٹی[/red] درست ہے کیونکہ متن میں خاص طور پر کے ٹو (K2) کو [blue]دنیا کی سب سے اونچی پہاڑی چوٹی[/blue] کے طور پر بیان کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Karakoram",
"question": "From where to where is the Karakoram mountain range stretched in northern Pakistan?",
"urdu": "پاکستان کے شمال میں کوہِ قراقرم کا پہاڑی سلسلہ کہاں سے کہاں تک پھیلا ہوا ہے؟",
"options": ["Peshawar to Swat", "Gilgit to Skardu", "Quetta to Sibi", "Lahore to Multan"],
"correctAnswer": "B",
"explanation": "[red]Gilgit to Skardu[/red] is correct because the Karakoram range covers the [blue]vast northern territory[/blue] between these two major cities of Pakistan.",
"explanationUrdu": "[red]گلگت سے اسکردو[/red] درست ہے کیونکہ کوہِ قراقرم کا پہاڑی سلسلہ پاکستان کے ان دو بڑے شمالی شہروں کے درمیان کے [blue]وسیع علاقے[/blue] پر پھیلا ہوا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the highest peak of the Karakoram mountain range?",
"urdu": "کوہِ قراقرم کے پہاڑی سلسلے کی سب سے بلند چوٹی کون سی ہے؟",
"options": ["Nanga Parbat", "Mount Everest", "K-2", "Broad Peak"],
"correctAnswer": "C",
"explanation": "[red]K-2[/red] is correct because it is the tallest mountain inside the Karakoram range, globally famous for its [blue]height and difficult climb[/blue].",
"explanationUrdu": "[red]کے ٹو (K-2)[/red] درست ہے کیونکہ یہ قراقرم کے سلسلے کا سب سے اونچا پہاڑ ہے، جو اپنی [blue]بلندی[/blue] کی وجہ سے دنیا بھر میں مشہور ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is K-2 also called in literature and maps according to the text?",
"urdu": "متن کے مطابق کے ٹو (K-2) کو اور کیا کہا جاتا ہے؟",
"options": ["Mount Peak", "Godwin’s Ascent", "Snow Peak", "Great Mountain"],
"correctAnswer": "B",
"explanation": "[red]Godwin’s Ascent[/red] is correct because this alternative name is used to honor the first person who [blue]mapped and surveyed the peak[/blue].",
"explanationUrdu": "[red]گاڈون کا عروج (Godwin’s Ascent)[/red] درست ہے کیونکہ یہ متبادل نام اس پہلے شخص کے اعزاز میں دیا گیا ہے جس نے اس چوٹی کا [blue]سروے[/blue] کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why is K-2 also named as \"Godwin's Ascent\"?",
"urdu": "کے ٹو (K-2) کو \"گاڈون کا عروج\" کا نام کیوں دیا گیا تھا؟",
"options": ["Because of its color", "Because of its first surveyor Godwin Austin", "Because of a local king", "Because of a famous river"],
"correctAnswer": "B",
"explanation": "[red]Because of its first surveyor Godwin Austin[/red] is correct because he was the English geographer and surveyor who first officially [blue]recorded the position and height[/blue] of K-2.",
"explanationUrdu": "[red]پہلے سرویئر گاڈون آسٹن کی وجہ سے[/red] درست ہے کیونکہ وہ برطانوی ماہرِ جغرافیہ تھے جنہوں نے سب سے پہلے کے ٹو کی [blue]پوزیشن اور اونچائی کا باضابطہ سروے[/blue] کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the height of K-2 peak as stated in the provided text?",
"urdu": "متن کے مطابق کے ٹو (K-2) چوٹی کی کل اونچائی کتنی ہے؟",
"options": ["5,000 meters", "8,848 meters", "10,000 meters", "3,000 meters"],
"correctAnswer": "B",
"explanation": "[red]8,848 meters[/red] is correct because the text specifically assigns this height to K-2 as its [blue]maximum elevation above sea level[/blue].",
"explanationUrdu": "[red]8,848 میٹر[/red] درست ہے کیونکہ متن کے مطابق کے ٹو کی بلندی [blue]سطح سمندر سے[/blue] اتنے میٹر بتائی گئی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous glaciers are located in the Karakoram mountain range?",
"urdu": "کوہِ قراقرم کے پہاڑی سلسلے میں کون سے مشہور گلیشیئرز واقع ہیں؟",
"options": ["Siachin", "Baltoro", "Biafo", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Siachin, Baltoro, and Biafo are three of the [blue]largest and most famous glaciers[/blue] situated in the Karakoram range.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ سیاچن، بالتورو اور بیافو قراقرم کے سلسلے میں واقع [blue]تین سب سے بڑے اور مشہور گلیشیئرز[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous road connecting Pakistan with China passes through the Karakoram range?",
"urdu": "پاکستان اور چین کو ملانے والی کون سی مشہور سڑک کوہِ قراقرم کے سلسلے سے گزرتی ہے؟",
"options": ["Grand Trunk Road", "Motorway", "Silk Road", "Indus Highway"],
"correctAnswer": "C",
"explanation": "[red]Silk Road[/red] is correct because this historic trade route passes through the [blue]high passes of the Karakoram range[/blue] to link the two nations.",
"explanationUrdu": "[red]شاہراہِ ریشم (Silk Road)[/red] درست ہے کیونکہ یہ تاریخی تجارتی راستہ دونوں ملکوں کو ملانے کے لیے قراقرم کے [blue]بلند پہاڑی سلسلوں سے گزرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following beautiful northern areas of Pakistan are located in the Karakoram range?",
"urdu": "پاکستان کے درج ذیل خوبصورت شمالی علاقوں میں سے کون سے کوہِ قراقرم کے سلسلے میں واقع ہیں؟",
"options": ["Hunza", "Skardu", "Gilgit", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Hunza, Skardu, and Gilgit are all [blue]famous mountainous regions[/blue] situated within the Karakoram range.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ ہنزہ، اسکردو اور گلگت سبھی قراقرم کے پہاڑی سلسلے میں واقع [blue]مشہور خوبصورت علاقے[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is the Himalayan mountain range situated according to the text?",
"urdu": "متن کے مطابق ہمالیہ کا پہاڑی سلسلہ کہاں واقع ہے؟",
"options": ["In the West", "In the South of the Himalayas", "In the East", "Farthest North"],
"correctAnswer": "B",
"explanation": "[red]In the South of the Himalayas[/red] is correct because, according to the text's geographic description, this range is located in the [blue]southern region of the mountain system[/blue].",
"explanationUrdu": "[red]ہمالیہ کے جنوب میں[/red] درست ہے کیونکہ متن کی جغرافیائی تفصیل کے مطابق یہ پہاڑی سلسلہ اس پہاڑی نظام کے [blue]جنوبی حصے[/blue] میں واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the highest peak of the Himalayan mountain range in Pakistan?",
"urdu": "پاکستان میں ہمالیہ کے پہاڑی سلسلے کی سب سے بلند چوٹی کون سی ہے؟",
"options": ["K-2", "Nanga Parbat", "Broad Peak", "Tirich Mir"],
"correctAnswer": "B",
"explanation": "[red]Nanga Parbat[/red] is correct because it is the tallest mountain inside the Himalayan range of Pakistan, known as the [blue]\"Killer Mountain\"[/blue].",
"explanationUrdu": "[red]نانگا پربت[/red] درست ہے کیونکہ یہ پاکستان میں ہمالیہ کے سلسلے کا سب سے اونچا پہاڑ ہے، جسے اپنی چڑھائی کی سختی کی وجہ سے [blue]\"قاتل پہاڑ\"[/blue] بھی کہا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which district of Gilgit is Nanga Parbat located?",
"urdu": "نانگا پربت گلگت کے کس ضلع میں واقع ہے؟",
"options": ["Skardu", "Hunza", "Diamir district", "Ghizer"],
"correctAnswer": "C",
"explanation": "[red]Diamir district[/red] is correct as this is the specific [blue]administrative region[/blue] where the massive peak of Nanga Parbat stands.",
"explanationUrdu": "[red]ضلع دیامر (Diamir)[/red] درست ہے کیونکہ یہ وہ مخصوص [blue]انتظامی علاقہ[/blue] ہے جہاں نانگا پربت کی عظیم الشان چوٹی واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following parts make up the Himalayan Mountain Range?",
"urdu": "درج ذیل میں سے کون سے حصے مل کر کوہِ ہمالیہ کا پہاڑی سلسلہ بناتے ہیں؟",
"options": ["Greater Himalayas", "Lesser Himalayas", "Swat-Kaghan Hills", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the Himalayas are divided into different parallel ranges including the [blue]Greater, Lesser, and Swat-Kaghan hills[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ کوہِ ہمالیہ کو مختلف متوازی سلسلوں بشمول [blue]صغیر، کبیر اور سوات و کاغان کی پہاڑیوں[/blue] میں تقسیم کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous valleys are situated in the Himalayan mountain range?",
"urdu": "ہمالیہ کے پہاڑی سلسلے میں کون سی مشہور وادیاں واقع ہیں؟",
"options": ["Murree and Nathiaqali", "Ayubia", "Kaghan", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Murree, Nathiaqali, Ayubia, and Kaghan are all [blue]famous tourist valleys[/blue] located within this mountain system.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ مری، نتھیا گلی، ایوبیہ اور کاغان سبھی اس پہاڑی سلسلے میں واقع [blue]مشہور سیاحتی وادیاں[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the Greater Himalayas (Himalia-e-Kabeer) consist of?",
"urdu": "ہمالیہ کبیر (Greater Himalayas) کن پہاڑی سلسلوں پر مشتمل ہے؟",
"options": ["Swat", "Kohistan", "Gilgit Baltistan", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the Greater Himalayas span the [blue]high-altitude regions[/blue] of Swat, Kohistan, and Gilgit Baltistan.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ ہمالیہ کبیر سوات، کوہستان اور گلگت بلتستان کے [blue]بلند پہاڑی سلسلوں[/blue] پر مشتمل ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the average height of the Greater Himalayas mountain range?",
"urdu": "ہمالیہ کبیر کے پہاڑی سلسلے کی اوسط اونچائی کتنی ہے؟",
"options": ["About 1,000 meters", "About 6,000 meters", "About 4,000 meters", "About 800 meters"],
"correctAnswer": "B",
"explanation": "[red]About 6,000 meters[/red] is correct because this range contains [blue]highly elevated peaks[/blue] that average around this height.",
"explanationUrdu": "[red]تقریباً 6,000 میٹر[/red] درست ہے کیونکہ اس سلسلے میں [blue]بہت اونچے پہاڑ[/blue] پائے جاتے ہیں جن کی اوسط اونچائی اتنے میٹر بنتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which mountain ranges make up the Lesser Himalayas (Himalia-e-Sagheer)?",
"urdu": "ہمالیہ صغیر (Lesser Himalayas) کن پہاڑی سلسلوں پر مشتمل ہے؟",
"options": ["Azad Kashmir", "Pir Panjal", "Both (A) and (B)", "Swat hills only"],
"correctAnswer": "C",
"explanation": "[red]Both (A) and (B)[/red] is correct because the Lesser Himalayas in Pakistan mainly include the mountains of [blue]Azad Kashmir and the Pir Panjal range[/blue].",
"explanationUrdu": "[red](A) اور (B) دونوں[/red] درست ہے کیونکہ پاکستان میں ہمالیہ صغیر میں بنیادی طور پر [blue]آزاد کشمیر کے پہاڑ اور پیر پنجال کا سلسلہ[/blue] شامل ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the average height of the Lesser Himalayas mountain range?",
"urdu": "ہمالیہ صغیر کے پہاڑی سلسلے کی اوسط اونچائی کتنی ہے؟",
"options": ["About 1,000 meters", "About 800 meters", "About 4,000 meters", "About 6,000 meters"],
"correctAnswer": "C",
"explanation": "[red]About 4,000 meters[/red] is correct as this range is lower than the Greater Himalayas but still features [blue]significant elevations[/blue].",
"explanationUrdu": "[red]تقریباً 4,000 میٹر[/red] درست ہے کیونکہ یہ سلسلہ ہمالیہ کبیر سے کم اونچا ہے لیکن پھر بھی اس کی [blue]اوسط بلندی[/blue] اتنے میٹر بنتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which less high mountains are included in the Swalik Hills?",
"urdu": "شوالک کی پہاڑیوں (Swalik Hills) میں کون سے کم اونچے پہاڑ شامل ہیں؟",
"options": ["Islamabad", "Abbottabad", "Hazara hills", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the Swalik range consists of the [blue]lower foothills[/blue] around Islamabad, Abbottabad, and Hazara.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ شوالک کے سلسلے میں اسلام آباد، ایبٹ آباد اور ہزارہ کے گرد ونواح کی [blue]کم اونچی پہاڑیاں[/blue] شامل ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the average height of the mountains in the Swalik Hills?",
"urdu": "شوالک کی پہاڑیوں کے ان پہاڑوں کی اوسط اونچائی کتنی ہے؟",
"options": ["About 6,000 meters", "About 4,000 meters", "About 800 meters", "About 100 meters"],
"correctAnswer": "C",
"explanation": "[red]About 800 meters[/red] is correct because the Swalik Hills represent the [blue]lowest altitude zone[/blue] of the Himalayan mountain system.",
"explanationUrdu": "[red]تقریباً 800 میٹر[/red] درست ہے کیونکہ شوالک کی پہاڑیاں ہمالیہ کے پہاڑی نظام کا [blue]سب سے کم بلندی والا حصہ[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "North Western Mountain Range",
"question": "Which major mountain range is included in the North Western Mountain Range of Pakistan?",
"urdu": "پاکستان کے شمال مغربی پہاڑی سلسلے میں کون سا بڑا پہاڑی سلسلہ شامل ہے؟",
"options": ["Karakoram", "Hindu Kush", "Himalayas", "Swalik"],
"correctAnswer": "B",
"explanation": "[red]Hindu Kush[/red] is correct because it is the [blue]primary mountain system[/blue] located in the northwestern territory of the country.",
"explanationUrdu": "[red]ہندوکش[/red] درست ہے کیونکہ یہ ملک کے شمال مغربی علاقے میں واقع [blue]سب سے بڑا اور اہم پہاڑی سلسلہ[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is the Hindu Kush mountain range situated along the border of Afghanistan?",
"urdu": "افغانستان کی سرحد کے ساتھ ہندوکش کا پہاڑی سلسلہ کہاں واقع ہے؟",
"options": ["Southern part of Pakistan", "Eastern part of Pakistan", "North-western part of Pakistan", "Central plains"],
"correctAnswer": "C",
"explanation": "[red]North-western part of Pakistan[/red] is correct because the Hindu Kush runs along the western border, [blue]separating Pakistan and Afghanistan[/blue].",
"explanationUrdu": "[red]پاکستان کے شمال مغربی حصے میں[/red] درست ہے کیونکہ ہندوکش مغربی سرحد کے ساتھ واقع ہے جو [blue]پاکستان اور افغانستان کو الگ[/blue] کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the highest peak of the Hindu Kush mountain range?",
"urdu": "ہندوکش کے پہاڑی سلسلے کی سب سے بلند چوٹی کون سی ہے؟",
"options": ["Nanga Parbat", "K-2", "Tirich Mir", "Broad Peak"],
"correctAnswer": "C",
"explanation": "[red]Tirich Mir[/red] is correct because it is the tallest mountain in the Hindu Kush, [blue]located in the Chitral district[/blue] of Pakistan.",
"explanationUrdu": "[red]ترچ میر (Tirich Mir)[/red] درست ہے کیونکہ یہ ہندوکش کا سب سے اونچا پہاڑ ہے جو [blue]پاکستان کے ضلع چترال میں واقع[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the height of the Tirich Mir peak?",
"urdu": "ترچ میر چوٹی کی کل اونچائی کتنی ہے؟",
"options": ["8,848 meters", "4,000 meters", "7,690 meters", "1,500 meters"],
"correctAnswer": "C",
"explanation": "[red]7,690 meters[/red] is correct as this is the [blue]officially recorded elevation[/blue] of Tirich Mir above sea level.",
"explanationUrdu": "[red]7,690 میٹر[/red] درست ہے کیونکہ یہ ترچ میر کی سطح سمندر سے [blue]باضابطہ طور پر ریکارڈ کی گئی اونچائی[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following areas are situated in the Hindu Kush mountain range?",
"urdu": "درج ذیل میں سے کون سے علاقے ہندوکش کے پہاڑی سلسلے میں واقع ہیں؟",
"options": ["Malakand", "Swat", "Chitral", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Malakand, Swat, and Chitral are all [blue]major northern districts[/blue] located within this mountain system.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ مالاکنڈ، سوات اور چترال سبھی اس پہاڑی سلسلے میں واقع [blue]اہم شمالی اضلاع[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Up to which river does the Hindu Kush mountain range extend?",
"urdu": "ہندوکش کا پہاڑی سلسلہ کس دریا تک پھیلا ہوا ہے؟",
"options": ["Indus river", "Jhelum river", "Kabul river", "Sutlej river"],
"correctAnswer": "C",
"explanation": "[red]Kabul river[/red] is correct because the southern extensions of the Hindu Kush range run down to [blue]meet the basin of the Kabul river[/blue].",
"explanationUrdu": "[red]دریائے کابل[/red] درست ہے کیونکہ ہندوکش کا سلسلہ جنوب کی طرف بڑھتا ہوا [blue]دریائے کابل کے طاس[/blue] تک جا پہنچتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which plateau do the Northern, North Western, and Western mountain ranges join?",
"urdu": "شمالی، شمال مغربی اور مغربی پہاڑی سلسلے کس سطح مرتفع (plateau) پر ایک دوسرے سے ملتے ہیں؟",
"options": ["Potohar Plateau", "Balochistan Plateau", "Plateau Pamir", "Deccan Plateau"],
"correctAnswer": "C",
"explanation": "[red]Plateau Pamir[/red] is correct because this high-altitude plateau in Central Asia acts as a [blue]central hub where several major ranges converge[/blue].",
"explanationUrdu": "[red]سطح مرتفع پامیر (Plateau Pamir)[/red] درست ہے کیونکہ وسطی ایشیا کا یہ بلند مقام وہ مرکزی گڑھ ہے جہاں [blue]کئی بڑے پہاڑی سلسلے آپس میں ملتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the place called where the major mountain ranges meet on the Pamir plateau?",
"urdu": "پامیر کی سطح مرتفع پر ان بڑے پہاڑی سلسلوں کے ملنے کی جگہ کو کیا کہا جاتا ہے؟",
"options": ["Karakoram Pass", "Pamir Knot", "Swat Valley", "Bolan Pass"],
"correctAnswer": "B",
"explanation": "[red]Pamir Knot[/red] is correct because this geographical term describes the [blue]complex junction of intersecting ranges[/blue] on the Pamir plateau.",
"explanationUrdu": "[red]پامیر ناٹ (Pamir Knot)[/red] درست ہے کیونکہ یہ جغرافیائی اصطلاح پامیر کی سطح مرتفع پر [blue]پہاڑی سلسلوں کے باہمی ملاپ کی جگہ[/blue] کو بیان کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Western Mountain Range - Koh-e-Sufaid",
"question": "Where is the Koh-e-Sufaid mountain range situated?",
"urdu": "کوہِ سفید کا پہاڑی سلسلہ کہاں واقع ہے؟",
"options": ["North of Himalayas", "South of Hindukush between River Kabul and River Kurram", "Near Arabian Sea", "Farthest East"],
"correctAnswer": "B",
"explanation": "[red]South of Hindukush between River Kabul and River Kurram[/red] is correct because Koh-e-Sufaid lies in this specific zone, [blue]bounded by the Kabul and Kurram rivers[/blue].",
"explanationUrdu": "[red]ہندوکش کے جنوب میں دریائے کابل اور دریائے کرم کے درمیان[/red] درست ہے کیونکہ کوہِ سفید کا مقام جغرافیائی طور پر [blue]اسی علاقے میں[/blue] بنتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Along which country's border is the Koh-e-Sufaid range spread?",
"urdu": "کوہِ سفید کا پہاڑی سلسلہ کس ملک کی سرحد کے ساتھ پھیلا ہوا ہے؟",
"options": ["China", "India", "Afghanistan", "Iran"],
"correctAnswer": "C",
"explanation": "[red]Afghanistan[/red] is correct because the Koh-e-Sufaid range forms a [blue]natural border boundary[/blue] between Pakistan and Afghanistan.",
"explanationUrdu": "[red]افغانستان[/red] درست ہے کیونکہ کوہِ سفید کا پہاڑی سلسلہ پاکستان اور افغانستان کے درمیان ایک [blue]قدرتی سرحد[/blue] بناتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the highest peak of the Koh-e-Sufaid mountain range?",
"urdu": "کوہِ سفید کے پہاڑی سلسلے کی سب سے بلند چوٹی کون سی ہے؟",
"options": ["Tirich Mir", "Nanga Parbat", "Sikaram", "K-2"],
"correctAnswer": "C",
"explanation": "[red]Sikaram[/red] is correct as it is the tallest mountain peak within the Koh-e-Sufaid range, [blue]rising near the Pakistan-Afghan border[/blue].",
"explanationUrdu": "[red]سکارام (Sikaram)[/red] درست ہے کیونکہ یہ کوہِ سفید کے سلسلے کا سب سے اونچا پہاڑ ہے جو [blue]سرحد کے قریب[/blue] واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous pass in Koh-e-Sufaid connects Peshawar with Kabul?",
"urdu": "کوہِ سفید میں واقع کون سا مشہور درہ پشاور کو کابل سے ملاتا ہے؟",
"options": ["Bolan Pass", "Khyber Pass", "Tochi Pass", "Gomal Pass"],
"correctAnswer": "B",
"explanation": "[red]Khyber Pass[/red] is correct because this historic mountain pass has been used for centuries as a [blue]major trade and travel route[/blue].",
"explanationUrdu": "[red]درہ خیبر (Khyber Pass)[/red] درست ہے کیونکہ یہ تاریخی پہاڑی راستہ صدیوں سے پشاور اور کابل کے درمیان [blue]سفر کے لیے استعمال[/blue] ہو رہا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the narrow passage between two mountains called?",
"urdu": "دو پہاڑوں کے درمیان تنگ راستے کو کیا کہا جاتا ہے؟",
"options": ["Valley", "Plain", "Pass", "Peak"],
"correctAnswer": "C",
"explanation": "[red]Pass[/red] is correct because in geography, a pass is a [blue]natural gap or route[/blue] through a mountain range that allows easier travel.",
"explanationUrdu": "[red]درہ (Pass)[/red] درست ہے کیونکہ جغرافیہ میں دو پہاڑوں کے درمیان کٹے ہوئے [blue]تنگ قدرتی راستے[/blue] کو درہ کہا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where are the Waziristan Hills situated relative to Koh-e-Sufaid?",
"urdu": "کوہِ سفید کے لحاظ سے وزیرستان کی پہاڑیاں (Waziristan Hills) کہاں واقع ہیں؟",
"options": ["In the North", "In the South", "In the East", "In the West"],
"correctAnswer": "B",
"explanation": "[red]In the South[/red] is correct because the Waziristan Hills lie immediately below the Koh-e-Sufaid range in the [blue]western highlands[/blue].",
"explanationUrdu": "[red]جنوب میں[/red] درست ہے کیونکہ وزیرستان کی پہاڑیاں کوہِ سفید کے سلسلے کے [blue]بالکل نیچے یعنی جنوب[/blue] کی طرف واقع ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Between which two rivers are the Waziristan Hills located?",
"urdu": "وزیرستان کی پہاڑیاں کن دو دریاؤں کے درمیان واقع ہیں؟",
"options": ["Indus and Jhelum", "Kurram and Gomal", "Kabul and Swat", "Chenab and Ravi"],
"correctAnswer": "B",
"explanation": "[red]Kurram and Gomal[/red] is correct because the Waziristan Hills are geographically defined by the [blue]valleys of these two rivers[/blue].",
"explanationUrdu": "[red]دریائے کرم اور دریائے گومل[/red] درست ہے کیونکہ وزیرستان کی پہاڑیوں کا علاقہ جغرافیائی طور پر [blue]ان دو دریاؤں کے درمیان[/blue] واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following are important passes located in the Waziristan Hills?",
"urdu": "درج ذیل میں سے کون سے اہم درے وزیرستان کی پہاڑیوں میں واقع ہیں؟",
"options": ["Kurram", "Tochi", "Gomal", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Kurram, Tochi, and Gomal are all [blue]major historic passes[/blue] that cut through the Waziristan Hills.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ کرم، توچی اور گومل وہ تمام [blue]اہم تاریخی درے[/blue] ہیں جو وزیرستان کی پہاڑیوں سے گزرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Koh-e-Sulaiman and Kirthar Mountain",
"question": "Where is the Koh-e-Sulaiman mountain range located?",
"urdu": "کوہِ سلیمان کا پہاڑی سلسلہ کہاں واقع ہے؟",
"options": ["North of River Kabul", "South of River Gomal", "Near Rawalpindi", "Farthest East"],
"correctAnswer": "B",
"explanation": "[red]South of River Gomal[/red] is correct because the Koh-e-Sulaiman range begins just below the [blue]Gomal river basin[/blue] in western Pakistan.",
"explanationUrdu": "[red]دریائے گومل کے جنوب میں[/red] درست ہے کیونکہ کوہِ سلیمان کا پہاڑی سلسلہ مغربی پاکستان میں [blue]دریائے گومل کے جنوبی حصے[/blue] سے شروع ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Between which two provinces of Pakistan is the Koh-e-Sulaiman range situated?",
"urdu": "کوہِ سلیمان کا پہاڑی سلسلہ کن دو صوبوں کے درمیان واقع ہے؟",
"options": ["Sindh and Punjab", "Balochistan and Punjab", "KPK and Sindh", "Punjab and KPK"],
"correctAnswer": "B",
"explanation": "[red]Balochistan and Punjab[/red] is correct as the Koh-e-Sulaiman range acts as a [blue]natural boundary separating these two provinces[/blue].",
"explanationUrdu": "[red]بلوچستان اور پنجاب کے درمیان[/red] درست ہے کیونکہ کوہِ سلیمان کا پہاڑی سلسلہ ان دونوں صوبوں کو ایک دوسرے سے الگ کرنے والی [blue]قدرتی حد[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the highest peak of the Koh-e-Sulaiman mountain range?",
"urdu": "کوہِ سلیمان کے پہاڑی سلسلے کی سب سے بلند چوٹی کون سی ہے؟",
"options": ["Takht-e-Sulaiman", "Tirich Mir", "K-2", "Nanga Parbat"],
"correctAnswer": "A",
"explanation": "[red]Takht-e-Sulaiman[/red] is correct because it is the tallest mountain peak in the Sulaiman range, carrying [blue]historical and local importance[/blue].",
"explanationUrdu": "[red]تختِ سلیمان[/red] درست ہے کیونکہ یہ سلیمان کے پہاڑی سلسلے کی سب سے اونچی چوٹی ہے جو [blue]تاریخی اور مقامی اہمیت[/blue] رکھتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which important mountain pass is located in this mountain range?",
"urdu": "اس پہاڑی سلسلے میں واقع اہم درہ (pass) کون سا ہے؟",
"options": ["Khyber Pass", "Bolan Pass", "Tochi Pass", "Gomal Pass"],
"correctAnswer": "B",
"explanation": "[red]Bolan Pass[/red] is correct as it is the major transport and travel route cutting through the [blue]Koh-e-Sulaiman and Balochistan hills[/blue].",
"explanationUrdu": "[red]درہ بولان (Bolan Pass)[/red] درست ہے کیونکہ یہ کوہِ سلیمان کے سلسلے سے گزرنے والا ایک [blue]بڑا تجارتی اور سفری راستہ[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is Kirthar Mountain situated?",
"urdu": "کیرتھر پہاڑ (Kirthar Mountain) کہاں واقع ہے؟",
"options": ["North of Hindukush", "South of Koh-e-Sulaiman between Balochistan and Sindh", "Near Islamabad", "Inside Punjab plains"],
"correctAnswer": "B",
"explanation": "[red]South of Koh-e-Sulaiman between Balochistan and Sindh[/red] is correct as the Kirthar range forms the [blue]boundary between these two southern provinces[/blue].",
"explanationUrdu": "[red]کوہِ سلیمان کے جنوب میں بلوچستان اور سندھ کے درمیان[/red] درست ہے کیونکہ کیرتھر کا پہاڑی سلسلہ ان دو جنوبی صوبوں کے درمیان [blue]سرحد[/blue] بناتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which mountain ranges are situated to the west of Kirthar Mountain?",
"urdu": "کیرتھر پہاڑ کے مغرب میں کون سے پہاڑی سلسلے واقع ہیں؟",
"options": ["Himalayas and Swalik", "Makran and Pab", "Hindukush and Swat", "Salt range only"],
"correctAnswer": "B",
"explanation": "[red]Makran and Pab[/red] is correct because these western hills of Balochistan [blue]run parallel to and on the west side[/blue] of the Kirthar range.",
"explanationUrdu": "[red]مکران اور پب (Pab) کے سلسلے[/red] درست ہے کیونکہ بلوچستان کے یہ مغربی پہاڑی سلسلے کیرتھر کی پہاڑیوں کے [blue]مغرب کی طرف[/blue] واقع ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Rass Koh and Chaghi Hills",
"question": "Where are the Rass Koh and Chaghi Hills situated?",
"urdu": "راس کوہ اور چاغی کی پہاڑیاں (Chaghi Hills) کہاں واقع ہیں؟",
"options": ["East of Punjab", "West of Balochistan", "North of Gilgit", "South of Sindh"],
"correctAnswer": "B",
"explanation": "[red]West of Balochistan[/red] is correct because these dry mountain ranges are located in the [blue]western desert region of the Balochistan province[/blue].",
"explanationUrdu": "[red]بلوچستان کے مغرب میں[/red] درست ہے کیونکہ یہ خشک پہاڑی سلسلے بلوچستان کے صوبے کے [blue]مغربی صحرائی علاقے[/blue] میں واقع ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which international border is the Chaghi Hills situated?",
"urdu": "چاغی کی پہاڑیاں کس بین الاقوامی سرحد پر واقع ہیں؟",
"options": ["Pak-India border", "Pak-China border", "Pak-Afghan border", "Pak-Iran border"],
"correctAnswer": "C",
"explanation": "[red]Pak-Afghan border[/red] is correct because the Chaghi range runs along the [blue]boundary line that separates Pakistan from Afghanistan[/blue].",
"explanationUrdu": "[red]پاک افغان سرحد (Pak-Afghan border)[/red] درست ہے کیونکہ چاغی کا پہاڑی سلسلہ اس [blue]حد کے ساتھ واقع ہے[/blue] جو پاکستان اور افغانستان کو الگ کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Potwar Plateau",
"question": "How many plateaus are there in the land of Pakistan?",
"urdu": "پاکستان کی سرزمین پر کل کتنی سطح مرتفع (Plateaus) ہیں؟",
"options": ["One", "Two", "Five", "Ten"],
"correctAnswer": "B",
"explanation": "[red]Two[/red] is correct because geographically, the country is home to [blue]two major plateaus[/blue]: the Potwar Plateau and the Balochistan Plateau.",
"explanationUrdu": "[red]دو[/red] درست ہے کیونکہ جغرافیائی لحاظ سے ملک میں [blue]دو اہم سطح مرتفع[/blue] (پوٹھوہار اور بلوچستان) پائی جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which minerals are the plateaus of Pakistan rich in?",
"urdu": "پاکستان کی سطح مرتفع کن معدنیات سے مالا مال ہیں؟",
"options": ["Coal and Gas", "Sulphur", "Aluminium", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because these plateaus contain [blue]rich underground deposits[/blue] of coal, natural gas, sulphur, and aluminium.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ ان علاقوں میں [blue]کوئلہ، قدرتی گیس، گندھک اور ایلومینیم[/blue] کے بڑے ذخائر موجود ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Between which river and sea is the Potwar Plateau situated?",
"urdu": "سطح مرتفع پوٹھوہار (Potwar Plateau) کس دریا اور سمندر کے درمیان واقع ہے؟",
"options": ["Jhelum and Red Sea", "River Indus and Arabian Sea", "Kabul and Caspian Sea", "Ravi and Black Sea"],
"correctAnswer": "B",
"explanation": "[red]River Indus and Arabian Sea[/red] is correct as these [blue]two geographic boundaries[/blue] define the general location of the Potwar region in Pakistan.",
"explanationUrdu": "[red]دریائے سندھ اور بحیرہ عرب کے درمیان[/red] درست ہے کیونکہ یہ دونوں حدود پاکستان میں پوٹھوہار کے خطے کے [blue]جغرافیائی محل وقوع[/blue] کو ظاہر کرتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following districts are included in the Potwar Plateau?",
"urdu": "درج ذیل میں سے کون سے اضلاع سطح مرتفع پوٹھوہار میں شامل ہیں؟",
"options": ["Chakwal", "Attock", "Rawalpindi", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Chakwal, Attock, and Rawalpindi are all [blue]major administrative districts[/blue] situated within this plateau.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]چکوال، اٹک اور راولپنڈی[/blue] کے اہم انتظامی اضلاع اس سطح مرتفع میں شامل ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why is the Potwar Plateau eroded, sandy, and barren?",
"urdu": "سطح مرتفع پوٹھوہار کس وجہ سے کٹی پھٹی, ریتلی اور بنجر ہے؟",
"options": ["Due to extreme heat", "Due to rainfalls and seasonal rills", "Due to lack of air", "Due to space meteorites"],
"correctAnswer": "B",
"explanation": "[red]Due to rainfalls and seasonal rills[/red] is correct because heavy seasonal rains create [blue]small water streams (rills)[/blue] that wash away and erode the topsoil.",
"explanationUrdu": "[red]بارشوں اور موسمی نالوں (Rills) کی وجہ سے[/red] درست ہے کیونکہ بھاری موسمی بارشیں [blue]چھوٹے نالے[/blue] بناتی ہیں جو مٹی کو کاٹ کر اپنے ساتھ بہا لے جاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is true about the fitness of the Potwar Plateau for farming?",
"urdu": "کاشتکاری (farming) کے لیے سطح مرتفع پوٹھوہار کی افادیت کے بارے میں کیا بات درست ہے؟",
"options": ["It is perfect for farming", "It is not fit for cultivation", "Only wheat can grow", "It is a dense forest"],
"correctAnswer": "B",
"explanation": "[red]It is not fit for cultivation[/red] is correct because the [blue]rough, eroded, and sandy soil[/blue] cannot support regular large-scale agriculture.",
"explanationUrdu": "[red]کاشتکاری کے لیے موزوں نہیں ہے[/red] درست ہے کیونکہ یہاں کی [blue]پتھریلی، کٹی پھٹی اور ریتلی مٹی[/blue] پر بڑے پیمانے پر روایتی کھیتی باڑی نہیں کی جا سکتی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which areas of the Potwar Plateau are cultivated?",
"urdu": "سطح مرتفع پوٹھوہار کے کون سے مخصوص علاقے کاشت کیے جاتے ہیں؟",
"options": ["Areas close to rivers", "Areas near dry deserts", "Top of high mountains", "Everywhere"],
"correctAnswer": "A",
"explanation": "[red]Areas close to rivers[/red] is correct because only the lands near water channels have [blue]enough fertile soil and moisture[/blue] to support crops.",
"explanationUrdu": "[red]دریاؤں کے قریبی علاقے[/red] درست ہے کیونکہ صرف [blue]پانی کے ذرائع کے قریب کی زمینوں[/blue] میں فصلیں اگانے کے لیے مناسب نمی اور زرخیزی ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which minerals are found in rich quantities in the Potwar Plateau?",
"urdu": "سطح مرتفع پوٹھوہار میں کون سی معدنیات وافر مقدار میں پائی جاتی ہیں؟",
"options": ["Coal", "Salt", "Mineral oil", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the Potwar region is a [blue]major hub for mining coal[/blue], rock salt, and drilling petroleum (mineral oil).",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ پوٹھوہار کا خطہ [blue]کوئلہ، نمک اور پٹرولیم[/blue] نکالنے کا ایک بڑا مرکز ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is the Salt Range located relative to the Potwar Plateau?",
"urdu": "نمک کا سلسلہ (Salt range) سطح مرتفع پوٹھوہار کے لحاظ سے کہاں واقع ہے?",
"options": ["In the North", "In the South", "In the East", "In the West"],
"correctAnswer": "B",
"explanation": "[red]In the South[/red] is correct because the Salt Range forms the [blue]southern boundary of the Potwar Plateau[/blue], separating it from the plains.",
"explanationUrdu": "[red]جنوب میں[/red] درست ہے کیونکہ نمک کا سلسلہ سطح مرتفع پوٹھوہار کے [blue]جنوبی حصے میں[/blue] واقع ہے جو اسے میدانی علاقوں سے الگ کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous salt mine is situated in the Salt Range of Pakistan?",
"urdu": "سلسلہ کوہِ نمک میں واقع پاکستان کی مشہور نمک کی کان کون سی ہے؟",
"options": ["Khewra mine", "Sibi mine", "Bolan mine", "Quetta mine"],
"correctAnswer": "A",
"explanation": "[red]Khewra mine[/red] is correct because it is the [blue]legendary salt mining site[/blue] located in the heart of the Salt Range in Punjab.",
"explanationUrdu": "[red]کھیوڑہ کی کان (Khewra mine)[/red] درست ہے کیونکہ یہ وہ [blue]تاریخی مقام[/blue] ہے جو پنجاب میں سلسلہ کوہِ نمک کے مرکز میں واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the rank of the Khewra Salt Mine in the world?",
"urdu": "دنیا بھر میں کھیوڑہ نمک کی کان کا کون سا نمبر ہے؟",
"options": ["Largest", "Second largest", "Smallest", "Tenth largest"],
"correctAnswer": "B",
"explanation": "[red]Second largest[/red] is correct because Khewra is officially recognized as the world's [blue]second most extensive[/blue] rock salt mining operation.",
"explanationUrdu": "[red]دوسری بڑی کان[/red] درست ہے کیونکہ کھیوڑہ کو دنیا بھر میں مادی نمک کی [blue]دوسری سب سے بڑی کان[/blue] تسلیم کیا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Balochistan Plateau",
"question": "Where is the Balochistan Plateau situated?",
"urdu": "سطح مرتفع بلوچستان کہاں واقع ہے؟",
"options": ["East of Indus", "West of Koh-e-Kirthar and Koh-e-Sulaiman", "North of Karakoram", "Inside Punjab plains"],
"correctAnswer": "B",
"explanation": "[red]West of Koh-e-Kirthar and Koh-e-Sulaiman[/red] is correct because this plateau occupies the [blue]vast western region[/blue] beyond these two major mountain ranges.",
"explanationUrdu": "[red]کوہِ کیرتھر اور کوہِ سلیمان کے مغرب میں[/red] درست ہے کیونکہ یہ سطح مرتفع ان دو بڑے پہاڑی سلسلوں سے آگے کے [blue]وسیع مغربی علاقے[/blue] پر پھیلی ہوئی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of hills does the Balochistan Plateau mostly have?",
"urdu": "سطح مرتفع بلوچستان میں زیادہ تر کس قسم کی پہاڑیاں پائی جاتی ہیں؟",
"options": ["Green and wet", "Barren and dry", "Snowy and high", "Small and muddy"],
"correctAnswer": "B",
"explanation": "[red]Barren and dry[/red] is correct because the [blue]low rainfall and harsh climate[/blue] leave the hills in this region without much vegetation.",
"explanationUrdu": "[red]بنجر اور خشک[/red] درست ہے کیونکہ [blue]کم بارشوں اور سخت موسم[/blue] کی وجہ سے اس خطے کی پہاڑیاں سبزے کے بغیر بالکل بنجر رہتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following are the important mountain ranges of the Balochistan Plateau?",
"urdu": "درج ذیل میں سے سطح مرتفع بلوچستان کے اہم پہاڑی سلسلے کون سے ہیں؟",
"options": ["Central Makran Range", "Sehan Range", "Toba Range", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the Central Makran, Sehan, and Toba ranges are the [blue]primary mountain structures[/blue] within this plateau.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]وسطی مکران، سیہان اور توبہ کے سلسلے[/blue] اس سطح مرتفع کے بنیادی پہاڑی ڈھانچے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On what account is the Balochistan Plateau considered very important?",
"urdu": "سطح مرتفع بلوچستان کو کس وجہ سے انتہائی اہم سمجھا جاتا ہے؟",
"options": ["On account of heavy snowfall", "On account of minerals", "On account of dense forests", "On account of its beaches"],
"correctAnswer": "B",
"explanation": "[red]On account of minerals[/red] is correct because this region holds some of the country's [blue]most valuable underground mineral resources[/blue].",
"explanationUrdu": "[red]معدنیات کی وجہ سے[/red] درست ہے کیونکہ یہ خطہ ملکی سطح پر [blue]زیرِ زمین معدنی وسائل کے بڑے ذخائر[/blue] کی وجہ سے مشہور ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which important minerals are found in the Balochistan Plateau?",
"urdu": "سطح مرتفع بلوچستان میں کون سی اہم معدنیات پائی جاتی ہیں؟",
"options": ["Natural gas and sulphur", "Copper", "Coal", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the plateau is rich in [blue]natural gas, copper, coal, and sulphur deposits[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ اس سطح مرتفع میں [blue]قدرتی گیس، تانبے، کوئلے اور گندھک[/blue] کے بڑے ذخائر موجود ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of climate does the Balochistan Plateau have?",
"urdu": "سطح مرتفع بلوچستان میں کس قسم کی آب و ہوا پائی جاتی ہے؟",
"options": ["Moderate and humid", "Extreme and dry", "Polar and freezing", "Mild and rainy"],
"correctAnswer": "B",
"explanation": "[red]Extreme and dry[/red] is correct because the region experiences [blue]very hot summers and cold winters[/blue], with extremely low humidity.",
"explanationUrdu": "[red]شدید اور خشک[/red] درست ہے کیونکہ اس خطے میں [blue]موسم گرما بہت گرم اور سردیاں شدید ٹھنڈی[/blue] ہوتی ہیں، اور فضا میں نمی بہت کم ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why does the Balochistan Plateau resemble a desert?",
"urdu": "سطح مرتفع بلوچستان کس وجہ سے ایک صحرا سے مشابہت رکھتی ہے؟",
"options": ["Due to many rivers", "Due to dry climate and lesser rain", "Due to dense forests", "Due to more snowfall"],
"correctAnswer": "B",
"explanation": "[red]Due to dry climate and lesser rain[/red] is correct because the lack of water creates [blue]dry, sandy, and arid conditions[/blue] similar to a desert.",
"explanationUrdu": "[red]خشک آب و ہوا اور کم بارش کی وجہ سے[/red] درست ہے کیونکہ پانی کی قلت یہاں [blue]صحرا جیسے خشک اور بنجر حالات[/blue] پیدا کر دیتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which fruit orchards are found in the watered areas of the Balochistan Plateau?",
"urdu": "سطح مرتفع بلوچستان کے ان علاقوں میں جہاں پانی دستیاب ہو، کون سے پھلوں کے باغات پائے جاتے ہیں؟",
"options": ["Apples and peaches", "Grapes", "Pomegranates", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because areas with water support the [blue]growth of high-quality fruits[/blue] like apples, peaches, grapes, and pomegranates.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ پانی کی دستیابی والے علاقوں میں عمدہ معیار کے [blue]سیب، آڑو، انگور اور انار کے باغات[/blue] پائے جاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the traditional underground water channels used to irrigate orchards in Balochistan called?",
"urdu": "بلوچستان میں باغات کو سیراب کرنے کے لیے استعمال ہونے والے روایتی زیرِ زمین پانی کے راستوں کو کیا کہتے ہیں؟",
"options": ["Canals", "Karez", "Wells", "Pipes"],
"correctAnswer": "B",
"explanation": "[red]Karez[/red] is correct because this ancient and unique underground system is used to [blue]transport water without losing it[/blue] to evaporation.",
"explanationUrdu": "[red]کاریز (Karez)[/red] درست ہے کیونکہ یہ ایک منفرد روایتی زیرِ زمین نظام ہے جو [blue]پانی کو بخارات بننے سے بچا کر[/blue] باغات تک پہنچانے کے لیے استعمال ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is an important river of the Balochistan Plateau area mentioned in the text?",
"urdu": "متن میں ذکر کردہ سطح مرتفع بلوچستان کے علاقے کا ایک اہم دریا کون سا ہے؟",
"options": ["River Jhelum", "River Zob, Hangol, and Hub", "River Dasht", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because River Zob, Jhelum, Hangol, Hub, and Dasht are all listed as the [blue]vital water channels[/blue] of this region.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ دریائے ژوب، جہلم، ہنگول، حب اور دشت سبھی اس خطے کے [blue]اہم دریاؤں[/blue] کے طور پر درج ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Upper Indus Plain",
"question": "What is a major natural characteristic of the plains of Pakistan?",
"urdu": "پاکستان کے میدانی علاقوں کی ایک بڑی قدرتی خصوصیت کیا ہے؟",
"options": ["They are very sandy", "They are very fertile", "They are covered in snow", "They have no water"],
"correctAnswer": "B",
"explanation": "[red]They are very fertile[/red] is correct because these plains contain [blue]rich soil deposited by rivers[/blue], making them highly productive for growing crops.",
"explanationUrdu": "[red]بہت زرخیز[/red] درست ہے کیونکہ ان میدانوں میں [blue]دریاؤں کی لائی ہوئی مٹی[/blue] موجود ہے جو انہیں فصلیں اگانے کے لیے انتہائی موزوں بناتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the weather, water, and soil of Pakistan's plains suitable for?",
"urdu": "پاکستان کے میدانی علاقوں کا موسم، پانی اور مٹی کس چیز کے لیے موزوں ہیں؟",
"options": ["Heavy mining", "Space research", "Farming (agriculture)", "Building factories only"],
"correctAnswer": "C",
"explanation": "[red]Farming (agriculture)[/red] is correct as the combination of fertile soil, [blue]abundant water, and favorable climate[/blue] makes these plains ideal for cultivation.",
"explanationUrdu": "[red]کاشتکاری (Farming)[/red] درست ہے کیونکہ [blue]زرخیز مٹی، وافر پانی اور سازگار موسم[/blue] کا ملاپ ان میدانوں کو زراعت کے لیے بہترین بناتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Into how many parts is the plain region of Pakistan divided?",
"urdu": "پاکستان کے میدانی علاقے کو کتنے حصوں میں تقسیم کیا گیا ہے؟",
"options": ["Two parts", "Five parts", "Ten parts", "Three parts"],
"correctAnswer": "A",
"explanation": "[red]Two parts[/red] is correct because the plain region is geographically classified into the [blue]Upper Indus Plain and the Lower Indus Plain[/blue].",
"explanationUrdu": "[red]دو حصوں میں[/red] درست ہے کیونکہ میدانی علاقے کو جغرافیائی طور پر [blue]بالائی سندھ کے میدان اور زیریں سندھ کے میدان[/blue] میں تقسیم کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which province does the Upper Indus Plain mainly consist of?",
"urdu": "بالائی سندھ کا میدان (Upper Indus Plain) بنیادی طور پر کس صوبے پر مشتمل ہے؟",
"options": ["Sindh", "Punjab", "Balochistan", "Khyber Pakhtunkhwa"],
"correctAnswer": "B",
"explanation": "[red]Punjab[/red] is correct because this province occupies the [blue]vast northern plain area[/blue] fed by the Indus and its major tributaries.",
"explanationUrdu": "[red]پنجاب[/red] درست ہے کیونکہ یہ صوبہ بالائی سندھ کے اس [blue]وسیع میدان[/blue] پر مشتمل ہے جسے دریائے سندھ اور اس کے معاون دریا سیراب کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From where to where does the Upper Indus Plain stretch?",
"urdu": "بالائی سندھ کا میدان کہاں سے شروع ہو کر کہاں تک پھیلا ہوا ہے؟",
"options": ["Peshawar to Swat", "Potohar Plateau to Kot Mithan", "Karachi to Gwadar", "Quetta to Sibi"],
"correctAnswer": "B",
"explanation": "[red]Potohar Plateau to Kot Mithan[/red] is correct because the plain begins below the Potohar hills and [blue]extends southwards[/blue] to where the rivers join.",
"explanationUrdu": "[red]سطح مرتفع پوٹھوہار سے کوٹ مٹھن تک[/red] درست ہے کیونکہ یہ میدان پوٹھوہار کی پہاڑیوں کے نیچے سے شروع ہو کر [blue]جنوب میں وہاں تک پھیلا ہوا ہے[/blue] جہاں دریا ملتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which region is also famously known as the \"land of five rivers\"?",
"urdu": "کس خطے کو \"پانچ دریاؤں کی سرزمین\" بھی کہا جاتا ہے؟",
"options": ["Sindh plain", "Upper Indus Plain (Punjab)", "Balochistan hills", "Gilgit valley"],
"correctAnswer": "B",
"explanation": "[red]Upper Indus Plain (Punjab)[/red] is correct because the word \"Punjab\" itself means [blue]five waters or rivers[/blue] that flow through this fertile plain.",
"explanationUrdu": "[red]بالائی سندھ کا میدان (پنجاب)[/red] درست ہے کیونکہ لفظ \"پنجاب\" کا مطلب ہی [blue]پانچ دریاؤں کی سرزمین[/blue] ہے جو اس زرخیز میدان سے گزرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the soil of the Upper Indus Plain made of?",
"urdu": "بالائی سندھ کے میدان کی مٹی کس قسم کی ہے؟",
"options": ["Thick solid rocks", "Soft and fertile soil carried by rivers", "Dry desert sand", "Black volcanic ash"],
"correctAnswer": "B",
"explanation": "[red]Soft and fertile soil carried by rivers[/red] is correct because the rivers continuously bring down [blue]silt and nutrients[/blue] from the mountains to enrich the plain.",
"explanationUrdu": "[red]دریاؤں کی لائی ہوئی نرم اور زرخیز مٹی[/red] درست ہے کیونکہ دریا پہاڑوں سے مسلسل [blue]مٹی اور غذائی اجزاء[/blue] لا کر اس میدان کو زرخیز بناتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of these are the major rivers that flow through the Upper Indus Plain?",
"urdu": "ان میں سے کون سے بڑے دریا بالائی سندھ کے میدان سے گزرتے ہیں؟",
"options": ["Indus and Jhelum", "Chenab and Ravi", "Sutlej", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the Indus and its [blue]five main eastern tributaries[/blue] all water the plains of Punjab.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ دریائے سندھ اور اس کے [blue]پانچوں مشرقی معاون دریا[/blue] پنجاب کے میدانوں کو سیراب کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What has been taken out from these rivers at certain places to irrigate crops?",
"urdu": "فصلوں کو سیراب کرنے کے لیے ان دریاؤں سے جگہ جگہ کیا نکالی گئی ہیں؟",
"options": ["Roads", "Canals", "Bridges", "Pipes"],
"correctAnswer": "B",
"explanation": "[red]Canals[/red] is correct because Pakistan has one of the world's [blue]largest canal systems[/blue] built to divert river water directly to agricultural fields.",
"explanationUrdu": "[red]نہریں (Canals)[/red] درست ہے کیونکہ پاکستان میں دریا کے پانی کو براہِ راست زرعی کھیتوں تک پہنچانے کے لیے [blue]نہری نظام[/blue] بنایا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Lower Indus Plain",
"question": "Which areas are called the Lower Indus Plain?",
"urdu": "کن علاقوں کو زیریں سندھ کا میدان (Lower Indus Plain) کہا جاتا ہے؟",
"options": ["Northern KPK", "Most of Sindh and southern Punjab", "Gilgit Baltistan", "Farthest West"],
"correctAnswer": "B",
"explanation": "[red]Most of Sindh and southern Punjab[/red] is correct because this geographical region covers the [blue]lower course of the Indus River[/blue] before it reaches the sea.",
"explanationUrdu": "[red]سندھ کا زیادہ تر حصہ اور جنوبی پنجاب[/red] درست ہے کیونکہ یہ وہ جغرافیائی خطہ ہے جو بحیرہ عرب تک پہنچنے سے پہلے [blue]دریائے سندھ کے نچلے بہاؤ[/blue] کا احاطہ کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From where to where does the Lower Indus Plain stretch?",
"urdu": "زیریں سندھ کا میدان کہاں سے لے کر کہاں تک پھیلا ہوا ہے؟",
"options": ["Peshawar to Swat", "Kot Mithan to the Arabian Sea", "Quetta to Sibi", "Lahore to Rawalpindi"],
"correctAnswer": "B",
"explanation": "[red]Kot Mithan to the Arabian Sea[/red] is correct because the lower plain starts after the confluence of the rivers and [blue]extends to the coastline[/blue].",
"explanationUrdu": "[red]کوٹ مٹھن سے بحیرہ عرب تک[/red] درست ہے کیونکہ یہ نچلا میدان دریاؤں کے باہمی ملاپ کے بعد شروع ہوتا ہے اور [blue]ساحلی پٹی تک پھیلا ہوا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "At which place do the tributaries (Jhelum, Chenab, Ravi, and Sutlej) meet the River Indus?",
"urdu": "دریائے سندھ کے معاون دریا (جہلم, چناب, راوی اور ستلج) کس مقام پر دریائے سندھ سے ملتے ہیں؟",
"options": ["Lahore", "Karachi", "Kot Mithan", "Peshawar"],
"correctAnswer": "C",
"explanation": "[red]Kot Mithan[/red] is correct as this is the historic town in Punjab where all the [blue]major eastern rivers merge[/blue] into the single channel of the Indus.",
"explanationUrdu": "[red]کوٹ مٹھن[/red] درست ہے کیونکہ پنجاب کا یہ وہ تاریخی مقام ہے جہاں [blue]تمام بڑے مشرقی دریا[/blue] مل کر دریائے سندھ کے واحد دھارے میں ضم ہو جاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How does the River Indus flow from Kot Mithan to the Arabian Sea?",
"urdu": "دریائے سندھ کوٹ مٹھن سے لے کر بحیرہ عرب تک کیسے بہتا ہے؟",
"options": ["Divided into five rivers", "Alone", "It stops flowing", "Under the ground"],
"correctAnswer": "B",
"explanation": "[red]Alone[/red] is correct because after receiving all its tributaries at Kot Mithan, the Indus flows as a [blue]single giant river[/blue] for the rest of its journey.",
"explanationUrdu": "[red]اکیلا (Alone) بہتا ہے[/red] درست ہے کیونکہ کوٹ مٹھن پر اپنے تمام معاون دریاؤں کو ضم کرنے کے بعد، دریائے سندھ سمندر تک کے اپنے باقی سفر میں [blue]اکیلا[/blue] بہتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the fertile Lower Indus Plain irrigated?",
"urdu": "زیریں سندھ کا زرخیز میدان کیسے سیراب ہوتا ہے؟",
"options": ["Only by rainwater", "By River Indus and its canals", "By tubewells only", "By snow melting only"],
"correctAnswer": "B",
"explanation": "[red]By River Indus and its canals[/red] is correct because the [blue]network of canals branching from the Indus[/blue] provides the water necessary to support farming.",
"explanationUrdu": "[red]دریائے سندھ اور اس کی نہروں کے ذریعے[/red] درست ہے کیونکہ دریائے سندھ سے نکلنے والی [blue]نہروں کا نظام[/blue] زراعت کو فروغ دینے کے لیے پانی فراہم کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the eastern part of this plain called according to the text?",
"urdu": "متن کے مطابق اس میدان کے مشرقی حصے کو کیا کہا جاتا ہے؟",
"options": ["Thar Desert", "The Indus Plain", "Salt Range", "Swalik Hills"],
"correctAnswer": "B",
"explanation": "[red]The Indus Plain[/red] is correct because, according to the text's description, this is the name given to the [blue]eastern section of the lower plain region[/blue].",
"explanationUrdu": "[red]سندھ کا میدان (The Indus Plain)[/red] درست ہے کیونکہ متن کی تفصیل کے مطابق [blue]نچلے میدانی علاقے کے مشرقی حصے[/blue] کو یہ نام دیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Deserts",
"question": "What are the natural characteristics of the deserts of Pakistan?",
"urdu": "پاکستان کے صحراؤں (Deserts) کی قدرتی خصوصیات کیا ہیں؟",
"options": ["Cold and snowy", "Extremely hot and sandy", "Wet and green", "Flat and muddy"],
"correctAnswer": "B",
"explanation": "[red]Extremely hot and sandy[/red] is correct because the [blue]low rainfall and high summer temperatures[/blue] create dry, sandy desert environments.",
"explanationUrdu": "[red]انتہائی گرم اور ریتلے[/red] درست ہے کیونکہ [blue]کم بارش اور گرمیوں کے زیادہ درجہ حرارت[/blue] کی وجہ سے یہاں خشک، ریتلے اور گرم حالات پیدا ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Thal",
"question": "Between which two rivers is the Thal Desert situated?",
"urdu": "صحراۓ تھل (Thal Desert) کن دو دریاؤں کے درمیان واقع ہے؟",
"options": ["Jhelum and Ravi", "River Indus and River Jhelum", "Chenab and Sutlej", "Kabul and Swat"],
"correctAnswer": "B",
"explanation": "[red]River Indus and River Jhelum[/red] is correct because the geographical boundaries of the Thal desert lie in the [blue]doab of these two rivers[/blue].",
"explanationUrdu": "[red]دریائے سندھ اور دریائے جہلم کے درمیان[/red] درست ہے کیونکہ تھل کے صحرا کی جغرافیائی حدود [blue]ان دو دریاؤں کے درمیانی علاقے[/blue] میں واقع ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following districts of Punjab are part of the Thal Desert?",
"urdu": "پنجاب کے درج ذیل میں سے کون سے اضلاع صحرائے تھل کا حصہ ہیں؟",
"options": ["Khushab and Bhakkar", "Jhang", "Muzaffargarh", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Khushab, Bhakkar, Jhang, and Muzaffargarh are the [blue]administrative districts[/blue] that cover the Thal desert.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]خوشاب، بھکر، جھنگ اور مظفر گڑھ[/blue] کے اضلاع تھل کے صحرا کے ریتلے علاقے میں شامل ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Thar",
"question": "Where is the Thar Desert situated?",
"urdu": "صحرائے تھر (Thar Desert) کہاں واقع ہے؟",
"options": ["Western part of Balochistan", "Eastern and south-eastern part of Sindh", "Northern part of Gilgit", "Central plains of Punjab"],
"correctAnswer": "B",
"explanation": "[red]Eastern and south-eastern part of Sindh[/red] is correct because the vast Thar desert occupies this [blue]specific geographical zone[/blue] along the border.",
"explanationUrdu": "[red]سندھ کے مشرقی اور جنوب مشرقی حصے میں[/red] درست ہے کیونکہ تھر کا وسیع صحرا سرحد کے ساتھ اسی [blue]مخصوص جغرافیائی علاقے[/blue] میں واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the largest desert of Pakistan?",
"urdu": "پاکستان کا سب سے بڑا صحرا کون سا ہے؟",
"options": ["Thal Desert", "Kharan Desert", "Thar Desert", "Cholistan Desert"],
"correctAnswer": "C",
"explanation": "[red]Thar Desert[/red] is correct because it is the [blue]most extensive arid region[/blue] in Pakistan, spanning across Sindh and Punjab.",
"explanationUrdu": "[red]صحرائے تھر[/red] درست ہے کیونکہ یہ پاکستان کا [blue]سب سے بڑا خشک اور ریگستانی علاقہ[/blue] ہے جو سندھ اور پنجاب دونوں صوبوں تک پھیلا ہوا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the part of the Thar Desert that lies specifically in Sindh called?",
"urdu": "تھر کے صحرا کا وہ حصہ جو خاص طور پر سندھ میں واقع ہے، کیا کہلاتا ہے؟",
"options": ["Cholistan Desert", "Nara Desert", "Thal Desert", "Kharan Desert"],
"correctAnswer": "B",
"explanation": "[red]Nara Desert[/red] is correct because the [blue]Sindh section[/blue] of the great Thar desert is locally identified by this name.",
"explanationUrdu": "[red]نارا صحرا (Nara Desert)[/red] درست ہے کیونکہ عظیم صحرائے تھر کے [blue]سندھ والے حصے[/blue] کو مقامی طور پر اس مخصوص نام سے پہچانا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which areas of Sindh are included in the Nara (Thar) Desert?",
"urdu": "سندھ کے کون سے علاقے نارا (تھر) صحرا میں شامل ہیں؟",
"options": ["Ghotki and Sanghar", "Mirpur Khas", "Tharparkar", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Ghotki, Sanghar, Mirpur Khas, and Tharparkar are the [blue]administrative areas[/blue] that make up the desert in Sindh.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]گھوٹکی، سانگھڑ، میرپور خاص اور تھرپارکر[/blue] وہ اضلاع ہیں جو سندھ کے ریگستانی منظر نامے کو تشکیل دیتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the part of the Thar Desert that lies in the province of Punjab called?",
"urdu": "تھر کے صحرا کا وہ حصہ جو صوبہ پنجاب میں واقع ہے، کیا کہلاتا ہے؟",
"options": ["Nara Desert", "Cholistan Desert", "Thal Desert", "Katpana Desert"],
"correctAnswer": "B",
"explanation": "[red]Cholistan Desert[/red] is correct because the extension of the Thar desert into [blue]southern Punjab[/blue] is historically known as Cholistan.",
"explanationUrdu": "[red]صحرائے چولستان (Cholistan Desert)[/red] درست ہے کیونکہ جنوبی پنجاب کے علاقے میں تھر کے صحرا کے [blue]پھیلاؤ[/blue] کو مقامی اور تاریخی طور پر چولستان کہا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which areas of Punjab are included in the Cholistan Desert?",
"urdu": "پنجاب کے کون سے علاقے صحرائے چولستان میں شامل ہیں؟",
"options": ["Bahawalnagar", "Bahawalpur", "Rahim Yar Khan", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Bahawalnagar, Bahawalpur, and Rahim Yar Khan contain the [blue]Cholistan desert territory[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]بہاولنگر، بہاولپور اور رحیم یار خان[/blue] وہ بڑے اضلاع ہیں جن میں چولستان کا صحرائی علاقہ واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Kharan",
"question": "In which district of Balochistan is most of the Kharan Desert situated?",
"urdu": "بلوچستان کے کس ضلع میں صحرائے خاران (Kharan Desert) کا زیادہ تر حصہ واقع ہے؟",
"options": ["Sibi", "Quetta", "Kharan", "Gwadar"],
"correctAnswer": "C",
"explanation": "[red]Kharan[/red] is correct because this specific district in Balochistan gives the [blue]famous desert its name[/blue].",
"explanationUrdu": "[red]خاران (Kharan)[/red] درست ہے کیونکہ بلوچستان کا یہ مخصوص ضلع اس [blue]مشہور صحرا کو اپنا نام دیتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which geographical part of Balochistan does the Kharan Desert consist of?",
"urdu": "صحرائے خاران بلوچستان کے کس جغرافیائی حصے پر مشتمل ہے؟",
"options": ["Eastern part", "Western part", "Northern part", "Southern part"],
"correctAnswer": "B",
"explanation": "[red]Western part[/red] is correct because the Kharan desert covers the [blue]arid plains of the western highlands[/blue] near the border.",
"explanationUrdu": "[red]مغربی حصہ[/red] درست ہے کیونکہ صحرائے خاران بلوچستان کے [blue]مغربی پہاڑی علاقوں کے خشک میدانوں[/blue] پر مشتمل ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the Kharan Desert physically surrounded by?",
"urdu": "صحرائے خاران قدرتی طور پر کس چیز سے گھرا ہوا ہے؟",
"options": ["Large oceans", "Small hills", "Dense forests", "Tall buildings"],
"correctAnswer": "B",
"explanation": "[red]Small hills[/red] is correct because the flat sandy basin of the Kharan desert is enclosed by [blue]several low-altitude dry mountain ranges[/blue].",
"explanationUrdu": "[red]چھوٹی پہاڑیاں[/red] درست ہے کیونکہ صحرائے خاران کا ہموار ریتلا طاس [blue]کئی کم اونچی خشک پہاڑیوں[/blue] سے گھرا ہوا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the weather like in the Kharan Desert?",
"urdu": "صحرائے خاران کا موسم کیسا ہوتا ہے؟",
"options": ["Humid and wet", "Dry", "Snowy and cold", "Rainy"],
"correctAnswer": "B",
"explanation": "[red]Dry[/red] is correct because the region receives [blue]extremely low rainfall[/blue], leading to high evaporation rates.",
"explanationUrdu": "[red]خشک (Dry)[/red] درست ہے کیونکہ اس خطے میں [blue]بارشیں بہت کم ہوتی ہیں[/blue] جس کی وجہ سے فضا خشک رہتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of plants are commonly found in the dry Kharan Desert?",
"urdu": "صحرائے خاران میں عام طور پر کس قسم کے پودے پائے جاتے ہیں؟",
"options": ["Tall pine trees", "Shrubs and thorny plants", "Water lilies", "Fruit orchards"],
"correctAnswer": "B",
"explanation": "[red]Shrubs and thorny plants[/red] is correct because only [blue]drought-resistant vegetation[/blue] can survive in the dry, sandy soil of this desert.",
"explanationUrdu": "[red]جھاڑیاں اور خاردار پودے[/red] درست ہے کیونکہ اس صحرا کی خشک اور ریتلی مٹی میں صرف وہی [blue]پودے زندہ رہ سکتے ہیں[/blue] جو پانی کے بغیر رہ سکیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Between which two areas is the vast Kharan Desert situated?",
"urdu": "وسيع صحرائے خاران کن دو علاقوں کے درمیان واقع ہے؟",
"options": ["Quetta and Sibi", "Chaghi and Sehan", "Swat and Kaghan", "Karachi and Hyderabad"],
"correctAnswer": "B",
"explanation": "[red]Chaghi and Sehan[/red] is correct as the geographical boundaries of the Kharan desert lie [blue]between these two western regions[/blue].",
"explanationUrdu": "[red]ہامونِ مشخیل (Hamun-e-Mashkhel)[/red] درست ہے کیونکہ یہ اس خطے کی سب سے بڑی نمکین جھیل ہے جو بلوچستان کے [blue]مغربی حصے[/blue] میں واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What unique physical feature is situated inside the vast Kharan Desert?",
"urdu": "وسیع صحرائے خاران کے اندر کون سی منفرد طبعی خصوصیت واقع ہے؟",
"options": ["A freshwater river", "A lake of salt water", "A deep forest", "A high snow peak"],
"correctAnswer": "B",
"explanation": "[red]A lake of salt water[/red] is correct because the desert contains a famous [blue]salt-water basin[/blue] where water accumulates and evaporates.",
"explanationUrdu": "[red]نمکین پانی کی جھیل[/red] درست ہے کیونکہ اس صحرا کے اندر ایک مشہور [blue]نمکین پانی کا طاس[/blue] ہے جہاں پانی جمع ہوتا ہے اور نمک باقی رہ جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the famous salt water lake in the Kharan Desert called?",
"urdu": "صحرائے خاران میں نمکین پانی کی اس مشہور جھیل کو کیا کہا جاتا ہے؟",
"options": ["Manchar Lake", "Hamun-e-Mashkhel", "Saiful Muluk", "Keenjhar Lake"],
"correctAnswer": "B",
"explanation": "[red]Hamun-e-Mashkhel[/red] is correct because it is the [blue]largest salt lake (hamun)[/blue] in the region, located in western Balochistan.",
"explanationUrdu": "[red]ہامونِ مشخیل (Hamun-e-Mashkhel)[/red] درست ہے کیونکہ یہ اس خطے کی سب سے بڑی نمکین جھیل ہے جو [blue]بلوچستان کے مغربی حصے[/blue] میں واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Coastal Areas",
"question": "Along which sea is the coastal area of Sindh and Balochistan stretched?",
"urdu": "سندھ اور بلوچستان کا ساحلی علاقہ کس سمندر کے ساتھ پھیلا ہوا ہے؟",
"options": ["Red Sea", "Caspian Sea", "Arabian Sea", "Black Sea"],
"correctAnswer": "C",
"explanation": "[red]Arabian Sea[/red] is correct because the entire southern coastline of Pakistan [blue]borders this part of the Indian Ocean[/blue].",
"explanationUrdu": "[red]بحیرہ عرب[/red] درست ہے کیونکہ پاکستان کی پوری جنوبی ساحلی پٹی [blue]بحرِ ہند کے اس حصے (بحیرہ عرب)[/blue] کے ساتھ واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the approximate length of the coastal area of Pakistan?",
"urdu": "پاکستان کے ساحلی علاقے کی مجموعی لمبائی تقریباً کتنی ہے؟",
"options": ["500 kilometers", "1050 kilometers", "2000 kilometers", "100 kilometers"],
"correctAnswer": "B",
"explanation": "[red]1050 kilometers[/red] is correct as it represents the [blue]total length of the coastline[/blue] spanning across both Sindh and Balochistan.",
"explanationUrdu": "[red]تقریباً 1050 کلومیٹر[/red] درست ہے کیونکہ یہ سندھ اور بلوچستان دونوں صوبوں پر پھیلی ہوئی [blue]کل ساحلی پٹی[/blue] کی لمبائی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What features does the coastal area of Pakistan primarily possess?",
"urdu": "پاکستان کے ساحلی علاقے میں بنیادی طور پر کیا کچھ موجود ہے؟",
"options": ["High glaciers", "Tourist places and ports", "Dry deserts only", "Thick forests only"],
"correctAnswer": "B",
"explanation": "[red]Tourist places and ports[/red] is correct because the coast contains beautiful [blue]beaches for visitors and harbors[/blue] for international trade.",
"explanationUrdu": "[red]تفریحی مقامات اور بندرگاہیں[/red] درست ہے کیونکہ ساحلی پٹی پر سیر و تفریح کے لیے خوبصورت [blue]ساحل اور تجارت کے لیے بندرگاہیں[/blue] موجود ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which ports are situated in the coastal area of Sindh?",
"urdu": "سندھ کے ساحلی علاقے میں کون سی بندرگاہیں واقع ہیں؟",
"options": ["Karachi Port", "Port Qasim", "Keti Bandar", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Karachi Port, Port Qasim, and Keti Bandar are the [blue]primary sea hubs[/blue] of the Sindh province.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]کراچی پورٹ، پورٹ قاسم اور کیٹی بندر[/blue] صوبہ سندھ کے اہم بحری تجارتی مراکز ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which is the largest and busiest port of Pakistan?",
"urdu": "پاکستان کی سب سے بڑی اور مصروف ترین بندرگاہ کون سی ہے؟",
"options": ["Gwadar Port", "Pasni Port", "Karachi Port", "Jiwani Port"],
"correctAnswer": "C",
"explanation": "[red]Karachi Port[/red] is correct because it handles the [blue]majority of the country's international trade[/blue] and shipping activities.",
"explanationUrdu": "[red]کراچی پورٹ[/red] درست ہے کیونکہ یہ ملک کی زیادہ تر [blue]بین الاقوامی تجارت اور بحری جہازوں[/blue] کی آمد و رفت کو سنبھالنے والا سب سے بڑا مرکز ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which ports are located in the coastal area of Balochistan?",
"urdu": "بلوچستان کے ساحلی علاقے میں کون سی بندرگاہیں واقع ہیں؟",
"options": ["Gwadar", "Pasni", "Jiwani", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Gwadar, Pasni, and Jiwani are all famous coastal ports [blue]situated in the Balochistan province[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ [blue]گوادر، پسنی اور جیونی[/blue] بلوچستان کے ساحلی علاقے میں واقع مشہور بندرگاہیں ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which port is expected to be the center of future economic activities in Pakistan?",
"urdu": "پاکستان میں مستقبل کی معاشی سرگرمیوں کا مرکز کس بندرگاہ کو قرار دیا جا رہا ہے؟",
"options": ["Port Qasim", "Gwadar Port", "Keti Bandar", "Karachi Port"],
"correctAnswer": "B",
"explanation": "[red]Gwadar Port[/red] is correct because its deep-sea harbor is strategically developed to act as a [blue]major international trading hub[/blue].",
"explanationUrdu": "[red]گوادر پورٹ (Gwadar Port)[/red] درست ہے کیونکہ اس گہرے سمندر کی بندرگاہ کو مستقبل میں [blue]بین الاقوامی تجارت کے ایک بڑے مرکز[/blue] کے طور پر تیار کیا جا رہا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Gwadar Port is a vital and important part of which international corridor?",
"urdu": "گوادر بندرگاہ کس بین الاقوامی راہداری کا ایک اہم اور بنیادی حصہ ہے؟",
"options": ["Silk Road only", "CPEC (China Pakistan Economic Corridor)", "Central Asia Corridor", "European Trade Route"],
"correctAnswer": "B",
"explanation": "[red]CPEC (China Pakistan Economic Corridor)[/red] is correct because Gwadar serves as the key southern destination of this [blue]joint development program[/blue].",
"explanationUrdu": "[red]سی پیک (CPEC)[/red] درست ہے کیونکہ گوادر بندرگاہ پاکستان اور چین کے درمیان اس [blue]مشترکہ معاشی راہداری منصوبے[/blue] کا سب سے اہم اور بنیادی مرکز ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For whose economic relations development is Gwadar Port extremely important?",
"urdu": "گوادر بندرگاہ کن کے درمیان معاشی تعلقات کی ترقی کے لیے انتہائی اہم ہے؟",
"options": ["Pakistan and USA", "Pakistan and China", "Pakistan and India", "Pakistan and Iran"],
"correctAnswer": "B",
"explanation": "[red]Pakistan and China[/red] is correct as Gwadar Port is the focal point of [blue]mutual trade and connectivity investments[/blue] between the two nations.",
"explanationUrdu": "[red]پاکستان اور چین[/red] درست ہے کیونکہ گوادر بندرگاہ دونوں ملکوں کے درمیان [blue]باہمی تجارت اور معاشی شراکت داری[/blue] کا مرکزی نقطہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Lifestyle of the People",
"question": "How is the lifestyle of people in different physical regions of Pakistan?",
"urdu": "پاکستان کے مختلف طبعی خطوں میں رہنے والے لوگوں کا طرزِ زندگی کیسا ہے؟",
"options": ["Exactly the same", "Different from each other", "Only modern", "Only ancient"],
"correctAnswer": "B",
"explanation": "[red]Different from each other[/red] is correct because variations in geography, climate, and resources [blue]shape unique ways of living[/blue] across the country.",
"explanationUrdu": "[red]ایک دوسرے سے مختلف[/red] درست ہے کیونکہ جغرافیہ، آب و ہوا اور وسائل کا فرق ملک بھر میں لوگوں کے [blue]رہنے سہنے کے مختلف طریقے[/blue] طے کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Mountainous Region",
"question": "Why are the mountainous regions of Pakistan very cold in winter?",
"urdu": "پاکستان کے پہاڑی علاقے موسم سرما میں کس وجہ سے شدید ٹھنڈے ہوتے ہیں؟",
"options": ["Due to rain", "Due to frequent snowfall", "Due to dust storms", "Due to sea winds"],
"correctAnswer": "B",
"explanation": "[red]Due to frequent snowfall[/red] is correct because the high-altitude northern mountains receive [blue]heavy snow during winter[/blue], dropping temperatures significantly.",
"explanationUrdu": "[red]مسلسل برفباری کی وجہ سے[/red] درست ہے کیونکہ موسم سرما میں بلند شمالی پہاڑوں پر [blue]شدید برفباری[/blue] ہوتی ہے جس سے درجہ حرارت بہت گر جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of clothes do people in mountainous regions wear to protect themselves from extreme cold?",
"urdu": "پہاڑی علاقوں کے لوگ شدید سردی سے بچنے کے لیے کس قسم کے کپڑے پہنتے ہیں؟",
"options": ["Light cotton clothes", "Thick woolen clothes", "Silk clothes", "Plastic raincoats"],
"correctAnswer": "B",
"explanation": "[red]Thick woolen clothes[/red] is correct because wool is an [blue]excellent insulator[/blue] that traps body heat to keep people warm in freezing temperatures.",
"explanationUrdu": "[red]موٹے اونی کپڑے[/red] درست ہے کیونکہ اون ایک [blue]بہترین انسولیٹر[/blue] ہے جو جسمانی حرارت کو باہر نہیں جانے دیتا اور شدید سردی میں انسان کو گرم رکھتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the summer season in the mountainous regions of Pakistan?",
"urdu": "پاکستان کے پہاڑی علاقوں میں موسم گرما (Summer) کیسا ہوتا ہے؟",
"options": ["Extremely hot", "Moderate", "Snowy and freezing", "Mildly dry"],
"correctAnswer": "B",
"explanation": "[red]Moderate[/red] is correct because unlike the hot plains, the mountains remain pleasant and [blue]comfortably cool[/blue] during the summer months.",
"explanationUrdu": "[red]معتدل (Moderate)[/red] درست ہے کیونکہ گرم میدانوں کے برعکس، پہاڑی علاقوں کا موسم گرمیوں میں [blue]خوشگوار اور سرد مائل[/blue] رہتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the main traditional profession of the people living in these mountainous areas?",
"urdu": "پہاڑی علاقوں میں رہنے لوگوں کا بنیادی روایتی پیشہ کیا ہے؟",
"options": ["Factory work", "Raising sheep and goats", "Sea fishing", "Mining metals"],
"correctAnswer": "B",
"explanation": "[red]Raising sheep and goats[/red] is correct because the rough terrain provides [blue]natural grazing pastures[/blue] suitable for livestock herding.",
"explanationUrdu": "[red]سازگار موسم[/red] درست ہے کیونکہ پتھریلی زمین پر [blue]مویشی پالنے[/blue] اور بھیڑ بکریاں چرانے کے لیے موزوں چراگاہیں فراہم ہوتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is another major source of income for the people of mountainous regions?",
"urdu": "پہاڑی علاقوں کے لوگوں کی آمدنی کا دوسرا بڑا ذریعہ کیا ہے؟",
"options": ["Software making", "Tourism", "Steel factories", "Ship building"],
"correctAnswer": "B",
"explanation": "[red]Tourism[/red] is correct because the beautiful scenery, valleys, and peaks [blue]attract travelers[/blue] from all over the world.",
"explanationUrdu": "[red]سیاحت (Tourism)[/red] درست ہے کیونکہ خوبصورت مناظر، وادیاں اور چوٹیاں دنیا بھر سے سیاحوں کو راغب کرتی ہیں، جس سے [blue]مقامی روزگار[/blue] پیدا ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the primary profession of the people living specifically in the mountain valleys?",
"urdu": "پہاڑی وادیوں (valleys) میں رہنے والے لوگوں کا بنیادی پیشہ کیا ہے؟",
"options": ["Mining", "Farming", "Sea fishing", "Heavy trading"],
"correctAnswer": "B",
"explanation": "[red]Farming[/red] is correct because the flat valley floors have [blue]fertile soil and water sources[/blue] that are ideal for small-scale cultivation.",
"explanationUrdu": "[red]کاشتکاری (Farming)[/red] درست ہے کیونکہ پہاڑی وادیوں کی ہموار زمینوں پر زراعت کے لیے [blue]زرخیز مٹی اور پانی کے ذرائع[/blue] میسر ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Plateaus",
"question": "What type of weather do people living in Pakistan's plateaus face?",
"urdu": "پاکستان کی سطح مرتفع (plateaus) پر رہنے والے لوگ کس قسم کے موسم کا سامنا کرتے ہیں؟",
"options": ["Mild weather all year", "Hot summers and cold winters", "Continuous rainfall", "Permanent heavy snow"],
"correctAnswer": "B",
"explanation": "[red]Hot summers and cold winters[/red] is correct because the climate of these plateaus is extreme, characterized by [blue]dry, hot days in summer[/blue] and chilly temperatures in winter.",
"explanationUrdu": "[red]گرمیاں بہت گرم اور سردیاں بہت ٹھنڈی[/red] درست ہے کیونکہ اس خطے کی آب و ہوا شدید اور خشک ہوتی ہے جہاں [blue]دونوں موسم اپنے عروج پر[/blue] ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which resources are abundant in the plateau regions of Pakistan?",
"urdu": "پاکستان کی سطح مرتفع میں کون سے وسائل کثرت سے پائے جاتے ہیں؟",
"options": ["Agricultural crops", "Mineral resources", "Fresh water rivers", "Tall trees"],
"correctAnswer": "B",
"explanation": "[red]Mineral resources[/red] is correct because the plateaus, especially the Balochistan Plateau, are rich in [blue]underground deposits[/blue] of coal, gas, and metals.",
"explanationUrdu": "[red]معدنی وسائل (Minerals)[/red] درست ہے کیونکہ مٹی کے اندر کوئلہ، گیس اور مختلف قیمتی معدنیات کے [blue]بہت بڑے ذخائر[/blue] موجود ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the profession of many people living in the mineral-rich plateaus?",
"urdu": "معدنیات سے مالا مال سطح مرتفع میں رہنے والے بہت سے لوگوں کا پیشہ کیا ہے؟",
"options": ["Farming only", "Mining", "Fishing only", "Software design"],
"correctAnswer": "B",
"explanation": "[red]Mining[/red] is correct because extracting minerals like [blue]coal, salt, and oil[/blue] from the ground is a major industry in these regions.",
"explanationUrdu": "[red]کان کنی (Mining)[/red] درست ہے کیونکہ مٹی کے نیچے سے [blue]کوئلہ اور نمک[/blue] نکالنا یہاں کے رہنے والے لوگوں کا ایک اہم اور بڑا پیشہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of clothes do people in the plateaus wear due to hot weather?",
"urdu": "گرم موسم کی وجہ سے سطح مرتفع کے لوگ کس قسم کے کپڑے پہنتے ہیں؟",
"options": ["Thick woolen clothes", "Loose cotton clothes", "Tight plastic suits", "Heavy leather coats"],
"correctAnswer": "B",
"explanation": "[red]Loose cotton clothes[/red] is correct because light cotton fabric [blue]allows air to flow[/blue], keeping the body cool in intense heat.",
"explanationUrdu": "[red]ڈھیلے سوتی کپڑے[/red] درست ہے کیونکہ ہلکا سوتی کپڑا ہوا کو گزرنے دیتا ہے اور شدید گرمی میں [blue]جسم کو ٹھنڈا رکھنے[/blue] میں مدد دیتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In some places of the Balochistan Plateau, where do people bring drinking water from?",
"urdu": "سطح مرتفع بلوچستان کے کچھ علاقوں میں لوگ پینے کا پانی کہاں سے لاتے ہیں؟",
"options": ["From nearby taps", "From distant places", "From the sea", "From melting glaciers"],
"correctAnswer": "B",
"explanation": "[red]From distant places[/red] is correct because water is scarce in dry plateaus, forcing people to [blue]travel miles[/blue] to collect clean drinking water.",
"explanationUrdu": "[red]دور دراز مقامات سے[/red] درست ہے کیونکہ خشک سطح مرتفع میں پانی کی کمی ہوتی ہے جس کی وجہ سے لوگوں کو پینے کا صاف پانی لانے کے لیے [blue]میلوں پیدل چلنا[/blue] पड़ता ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do some people in Balochistan drink due to the unavailability of clean water?",
"urdu": "صاف پانی دستیاب نہ ہونے کی وجہ سے بلوچستان میں کچھ لوگ پینے کے لیے کیا استعمال کرتے ہیں؟",
"options": ["Bottled mineral water", "Pond water", "Filtered water", "Ocean water"],
"correctAnswer": "B",
"explanation": "[red]Pond water[/red] is correct because extreme water scarcity forces some remote populations to [blue]rely on open ponds[/blue] for survival.",
"explanationUrdu": "[red]تالاب کا پانی[/red] درست ہے کیونکہ شدید قلت کی وجہ سے کچھ دور دراز کے علاقوں میں لوگ پینے کے لیے [blue]کھلے تالابوں کا پانی[/blue] استعمال کرنے پر مجبور ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which system is traditionally used for irrigation in the Balochistan Plateau?",
"urdu": "سطح مرتفع بلوچستان میں آبپاشی کے لیے روایتی طور پر کون سا نظام استعمال کیا جاتا ہے؟",
"options": ["Tube-well system", "Karez system", "Rainwater harvesting", "Plastic pipe supply"],
"correctAnswer": "B",
"explanation": "[red]Karez system[/red] is correct because this underground channel system [blue]prevents water from evaporating[/blue] in the dry, hot climate of Balochistan.",
"explanationUrdu": "[red]کاریز کا نظام (Karez system)[/red] درست ہے کیونکہ یہ زیرِ زمین نالیوں کا نظام بلوچستان کے گرم اور خشک موسم میں [blue]پانی کو بخارات بننے سے روکتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Plain Areas",
"question": "What is the main profession of the people living in plain areas?",
"urdu": "میدانی علاقوں میں رہنے والے لوگوں کا بنیادی پیشہ کیا ہے؟",
"options": ["Mining", "Fishing", "Farming (Farmers)", "Forestry"],
"correctAnswer": "C",
"explanation": "[red]Farming (Farmers)[/red] is correct because the flat and fertile lands of the plains are [blue]ideal for agriculture and growing crops[/blue].",
"explanationUrdu": "[red]کاشتکاری[/red] درست ہے کیونکہ میدانی علاقوں کی ہموار اور زرخیز زمینیں [blue]زراعت اور فصلیں اگانے کے لیے بہترین[/blue] ہوتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is true about the agricultural practices of people in the plains?",
"urdu": "میدانی علاقوں میں لوگوں کے زرعی طریقوں کے بارے میں کیا بات درست ہے؟",
"options": ["They grow different crops every day", "They are attached with some of the same crops", "They never grow crops", "They only grow wild grass"],
"correctAnswer": "B",
"explanation": "[red]They are attached with some of the same crops[/red] is correct because farmers in these regions usually focus on [blue]traditional crops like wheat, rice, and sugarcane[/blue].",
"explanationUrdu": "[red]وہ ایک ہی جیسی فصلوں سے وابستہ ہیں[/red] درست ہے کیونکہ ان علاقوں کے کسان عام طور پر [blue]روایتی فصلوں جیسے گندم، چاول اور گنے[/blue] پر توجہ مرکوز کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the population density of the plain areas in Pakistan described?",
"urdu": "پاکستان کے میدانی علاقوں میں آبادی کے گنجان ہونے کا تناسب کیسا ہے؟",
"options": ["Thinly populated", "Thickly populated", "No population", "Only populated by animals"],
"correctAnswer": "B",
"explanation": "[red]Thickly populated[/red] is correct because the plains contain many big cities and farming towns, [blue]holding a major part[/blue] of the country's population.",
"explanationUrdu": "[red]گنجان آباد (Thickly populated)[/red] درست ہے کیونکہ میدانی علاقوں میں بہت سے بڑے شہر اور قصبے واقع ہیں جو [blue]ملکی آبادی کا بڑا حصہ[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the main reasons for the thick population in these plain areas?",
"urdu": "ان میدانی علاقوں میں گنجان آبادی کی بنیادی وجوہات کیا ہیں؟",
"options": ["Fertile land", "Suitable weather", "Good climate", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because fertile soil, water availability, and a favorable climate make [blue]life and farming very easy[/blue] in the plains.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ زرخیز زمین، پانی کی دستیابی اور سازگار آب و ہوا میدانی علاقوں میں [blue]زندگی اور زراعت کو بہت آسان[/blue] بناتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Desert Areas",
"question": "How is the temperature in the desert areas of Pakistan?",
"urdu": "پاکستان کے صحرائی علاقوں میں درجہ حرارت کیسا ہوتا ہے؟",
"options": ["Freezing cold", "Extremely hot", "Mild and rainy", "Always moderate"],
"correctAnswer": "B",
"explanation": "[red]Extremely hot[/red] is correct because deserts receive [blue]direct, intense sunlight[/blue] and have very little cloud cover or vegetation to cool the air.",
"explanationUrdu": "[red]انتہائی گرم[/red] درست ہے کیونکہ صحراؤں میں [blue]تیز اور براہِ راست دھوپ[/blue] پڑتی ہے جس کی وجہ سے گرمیوں میں درجہ حرارت بہت زیادہ ہو جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why are desert areas not suitable for farming?",
"urdu": "صحرائی علاقے کاشتکاری (farming) کے لیے کیوں موزوں نہیں ہیں؟",
"options": ["Due to high technology", "Due to sand and scarcity of water", "Due to too many trees", "Due to heavy snow"],
"correctAnswer": "B",
"explanation": "[red]Due to sand and scarcity of water[/red] is correct because crops need [blue]fertile soil and regular watering[/blue] to grow, both of which are absent in deserts.",
"explanationUrdu": "[red]ریت اور پانی کی قلت کی وجہ سے[/red] درست ہے کیونکہ فصلوں کو اگنے کے لیے [blue]زرخیز مٹی اور پانی کی ضرورت[/blue] ہوتی ہے، جو صحرا میں نہیں ہوتے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do the people of desert areas in Pakistan typically live?",
"urdu": "پاکستان کے صحرائی علاقوں کے لوگ عام طور پر کیسے رہتے ہیں؟",
"options": ["In multi-story buildings", "Like nomads", "Only in houseboats", "In modern factories"],
"correctAnswer": "B",
"explanation": "[red]Like nomads[/red] is correct because the scarcity of water and food [blue]forces people to move from place to place[/blue] rather than living in one permanent spot.",
"explanationUrdu": "[red]خانہ بدوشوں (Nomads) کی طرح[/red] درست ہے کیونکہ پانی اور خوراک کی قلت لوگوں کو ایک جگہ مستقل رہنے کے بجائے [blue]مسلسل سفر[/blue] میں رکھتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why do the people in the desert areas raise sheep and goats?",
"urdu": "صحرائی علاقوں کے لوگ بھیڑ اور بکریاں کیوں پالتے ہیں؟",
"options": ["For playing sports", "For earning their bread (livelihood)", "To protect the trees", "Only as pets"],
"correctAnswer": "B",
"explanation": "[red]For earning their bread (livelihood)[/red] is correct because selling [blue]animal meat, milk, and wool[/blue] is the main source of income for desert dwellers.",
"explanationUrdu": "[red]روزی کمانے کے لیے[/red] درست ہے کیونکہ جانوروں کا [blue]گوشت، دودھ اور اون بیچنا[/blue] صحرائی لوگوں کے لیے آمدنی اور گزر بسر کا بڑا ذریعہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which other animal is commonly raised by people in desert areas?",
"urdu": "صحرائی علاقوں کے لوگوں کی طرف سے عام طور پر اور کون سا جانور پالا جاتا ہے؟",
"options": ["Fish", "Camels", "Whales", "Polar bears"],
"correctAnswer": "B",
"explanation": "[red]Camels[/red] is correct because these animals are [blue]highly adapted to survive[/blue] for long periods without water in dry desert conditions.",
"explanationUrdu": "[red]اونٹ (Camels)[/red] درست ہے کیونکہ یہ جانور بغیر پانی کے طویل عرصے تک [blue]صحرا کے خشک حالات میں زندہ رہنے[/blue] کی بھرپور صلاحیت رکھتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Coastal Areas",
"question": "Why is the coastal area of Pakistan considered the center of economic activities?",
"urdu": "پاکستان کا ساحلی علاقہ کس وجہ سے معاشی سرگرمیوں کا مرکز سمجھا جاتا ہے؟",
"options": ["Due to high mountains", "Due to sea ports", "Due to dense forests", "Due to agriculture only"],
"correctAnswer": "B",
"explanation": "[red]Due to sea ports[/red] is correct because these installations allow [blue]international trade and shipping[/blue], generating jobs and wealth for the nation.",
"explanationUrdu": "[red]سمتدری بندرگاہوں کی وجہ سے[/red] درست ہے کیونکہ یہ مقامات [blue]بین الاقوامی تجارت کی اجازت[/blue] دیتے ہیں، جس سے ملک کے لیے روزگار اور دولت پیدا ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What sectors are most people in the coastal areas attached to for work?",
"urdu": "ساحلی علاقوں کے زیادہ تر لوگ کام کے لیے کن شعبوں سے وابستہ ہیں؟",
"options": ["Heavy mining", "Farming", "Trade and shipping services", "Space exploration"],
"correctAnswer": "C",
"explanation": "[red]Trade and shipping services[/red] is correct because proximity to [blue]ports and oceans[/blue] creates diverse employment in maritime and logistics sectors.",
"explanationUrdu": "[red]تجارت اور جہاز رانی[/red] درست ہے کیونکہ بندرگاہ اور [blue]بحری راستوں کے قریب[/blue] ہونے کی وجہ سے ان شعبوں میں روزگار کے بہت سے مواقع میسر آتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which other important profession is highly popular in coastal areas?",
"urdu": "ساحلی علاقوں میں اور کون سا اہم پیشہ بہت مقبول ہے؟",
"options": ["Sheep herding", "Wood cutting", "Fishing", "Coal mining"],
"correctAnswer": "C",
"explanation": "[red]Fishing[/red] is correct as the sea provides [blue]a rich source of seafood[/blue], supporting the livelihood of many local coastal communities.",
"explanationUrdu": "[red]ماہی گیری (Fishing)[/red] درست ہے کیونکہ سمندر [blue]مچھلیوں کا ایک بڑا ذریعہ[/blue] فراہم کرتا ہے، جو ساحلی لوگوں کے لیے روزگار کا ایک بڑا ذریعہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the climate of the coastal area of Pakistan described?",
"urdu": "پاکستان کے ساحلی علاقے کی آب و ہوا کیسی بیان کی گئی ہے؟",
"options": ["Extremely cold", "Moderate", "Very dry", "Polar and freezing"],
"correctAnswer": "B",
"explanation": "[red]Moderate[/red] is correct because the proximity to the sea [blue]prevents the temperature[/blue] from becoming extremely hot or extremely cold.",
"explanationUrdu": "[red]معتدل (Moderate)[/red] درست ہے کیونکہ سمندر کے قریب ہونے کی وجہ سے یہاں کا درجہ حرارت [blue]زیادہ گرم یا زیادہ ٹھنڈا نہیں ہوتا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the nature of the air in coastal areas?",
"urdu": "ساحلی علاقوں میں ہوا کی نوعیت عام طور پر کیسی ہوتی ہے؟",
"options": ["Extremely dry", "Mostly moist (humid)", "Dusty and sandy", "Freezing cold"],
"correctAnswer": "B",
"explanation": "[red]Mostly moist (humid)[/red] is correct because water evaporating from the sea continuously [blue]adds humidity[/blue] to the coastal atmosphere.",
"explanationUrdu": "[red]زیادہ تر مرطوب (Moist)[/red] درست ہے کیونکہ سمندر سے اٹھنے والے بخارات ساحلی ہوا میں [blue]نمی کا باعث بنتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the direct result of coastal areas being thickly populated?",
"urdu": "ساحلی علاقوں کے گنجان آباد ہونے کا براہِ راست کیا نتیجہ نکلتا ہے؟",
"options": ["Surplus of resources", "Scarcity of resources", "Cleaner environment", "More empty space"],
"correctAnswer": "B",
"explanation": "[red]Scarcity of resources[/red] is correct because a high concentration of people puts a [blue]heavy strain on food, land, and other utilities[/blue].",
"explanationUrdu": "[red]وسائل کی قلت (Scarcity of resources)[/red] درست ہے کیونکہ زیادہ آبادی کی وجہ سے [blue]خوراک، زمین اور دیگر ضروریات پر بوجھ بڑھ جاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What shortage do people face in coastal areas that creates health problems?",
"urdu": "ساحلی علاقوں میں لوگوں کو کس چیز کی کمی کا سامنا ہوتا ہے جو ان کے لیے صحت کے مسائل پیدا کرتی ہے؟",
"options": ["Shortage of wood", "Shortage of drinking water", "Shortage of salt", "Shortage of electricity"],
"correctAnswer": "B",
"explanation": "[red]Shortage of drinking water[/red] is correct because seawater is salty and unfit for drinking, and [blue]fresh water sources are often limited[/blue].",
"explanationUrdu": "[red]پینے کے پانی کی کمی[/red] درست ہے کیونکہ سمندر کا پانی نمکین ہونے کی وجہ سے پینے کے قابل نہیں ہوتا، اور [blue]میٹھے پانی کے ذرائع محدود ہوتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCzqPMDO2WUKvA-NLpA7APmlOcKhI77xspsNSZow6ltiR8sUuBdoSxPtO1M9ppQBN8m_UbAV_MjU3KBaKWYNmQ9PWTU4GhzH5RUD062_TAQqPhb1qoh0mcSXCasdAh7370cSIOjCAUJCX_OrrWRKj2Rewjp3Ab9srPrZQsVuCEWxl9uY9Jq3PQrSUAwQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.1.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-21645020990711976362026-07-09T08:00:00.000+05:002026-07-09T08:00:00.484+05:005th Class Social Studies MCQs | Globe and Map Skills (گلوب اور نقشہ خوانی کی مہارتیں) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies MCQs Preparation | Globe and Map Skills Full Chapter Practice | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Master 5th Class Social Studies Chapter 5 Globe and Map Skills MCQs. Practice maps, BOLTS, scales, latitudes, longitudes & time zones free. Get ready for your test!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: Globe and Map Skills (نقشہ اور گلوب کی مہارتیں) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | Globe and Map Skills (نقشہ اور گلوب کی مہارتیں) | PakMCQs",
"description": "Study 5th Class Social Studies – Globe and Map Skills with complete notes, learning outcomes, the elements of a map (BOLTS), types of scale, kinds of maps, lines of latitude and longitude, and how to calculate time zones.",
"articleBody": "This educational resource covers the 5th Class Social Studies chapter on Globe and Map Skills. It provides solved MCQs and conceptual knowledge on what a map is and its five basic elements, remembered as BOLTS: Border, Orientation, Legend, Title, and Scale. The chapter explains the three types of scale — linear scale, statement of scale, and representative fraction — along with five kinds of maps: political, tourist, weather, topographical, and road maps. It covers lines of latitude and longitude, including the Equator, Prime Meridian, Tropic of Cancer, Tropic of Capricorn, Arctic Circle, and Antarctic Circle, and explains how these imaginary lines are used to locate places through grid references. The chapter also teaches how Greenwich Mean Time (GMT) and the 24 time zones work, including step-by-step calculation of local time from a place's line of longitude, using Lahore as a worked example. Ideal for students preparing for school exams and building foundational map-reading skills on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Globe and Map Skills MCQs",
"نقشہ اور گلوب کی مہارتیں MCQs",
"BOLTS Elements of Map MCQs",
"Types of Scale MCQs",
"Latitude and Longitude Class 5",
"Time Zones and GMT MCQs",
"Kinds of Maps MCQs",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyx0b4dqwWagyFeRbNBSwYZMA5AZwtnQTXYs4Izu5CLI3JA78zs76FXu7w5tKUhqrgfIZ1VI26WSht25Jp0bmkDE5pZL3L-mxWQNMHZSn76KVCpna7wBFCWmupGZ2Lxe0FbD5CnMJ0CDtCh-capl7xaTofVQohNxBm4iuBXru3kB5_fuZlgMMjI5uzQQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - Globe and Map Skills (نقشہ اور گلوب کی مہارتیں)"
},
"datePublished": "2026-07-09",
"dateModified": "2026-07-09",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyx0b4dqwWagyFeRbNBSwYZMA5AZwtnQTXYs4Izu5CLI3JA78zs76FXu7w5tKUhqrgfIZ1VI26WSht25Jp0bmkDE5pZL3L-mxWQNMHZSn76KVCpna7wBFCWmupGZ2Lxe0FbD5CnMJ0CDtCh-capl7xaTofVQohNxBm4iuBXru3kB5_fuZlgMMjI5uzQQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-Globe-and-Map-Skills-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"Map Reading Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Practical Learning",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Map Elements (BOLTS)" },
{ "@type": "Thing", "name": "Scale" },
{ "@type": "Thing", "name": "Kinds of Maps" },
{ "@type": "Thing", "name": "Latitude and Longitude" },
{ "@type": "Thing", "name": "Time Zones" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for Globe and Map Skills (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is a map?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A map is a flat drawing or representation of the Earth or any part of it. It helps us find places, roads, rivers, mountains, and other geographical features."
}
},
{
"@type": "Question",
"name": "What does BOLTS stand for in map reading?",
"acceptedAnswer": {
"@type": "Answer",
"text": "BOLTS stands for: B – Border, O – Orientation, L – Legend, T – Title, S – Scale."
}
},
{
"@type": "Question",
"name": "What is the purpose of a map scale?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A map scale shows the relationship between the distance on the map and the actual distance on the ground, helping us measure real distances accurately."
}
},
{
"@type": "Question",
"name": "What are the main types of maps?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The five main types of maps are: Political Map, Tourist Map, Weather Map, Topographical Map, and Road Map."
}
},
{
"@type": "Question",
"name": "What are lines of latitude?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Lines of latitude are imaginary horizontal lines that run from east to west. They measure the distance north or south of the Equator."
}
},
{
"@type": "Question",
"name": "What is the Prime Meridian?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The Prime Meridian is the 0° longitude line that passes through Greenwich, England. It divides the Earth into the Eastern and Western Hemispheres."
}
},
{
"@type": "Question",
"name": "What is the Equator?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The Equator is the 0° latitude line. It divides the Earth into the Northern and Southern Hemispheres and is the longest line of latitude."
}
},
{
"@type": "Question",
"name": "What are time zones and why are they important?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Time zones divide the Earth into 24 regions, each representing one hour. They help different countries keep the correct local time based on their longitude."
}
},
{
"@type": "Question",
"name": "Why is Pakistan in the GMT +5 time zone?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pakistan lies east of the Prime Meridian and follows GMT +5, which means its local time is 5 hours ahead of Greenwich Mean Time (GMT)."
}
},
{
"@type": "Question",
"name": "How do latitudes and longitudes help us?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Latitudes and longitudes form a grid system that helps identify the exact location of any place on the Earth using map coordinates (grid references)."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyx0b4dqwWagyFeRbNBSwYZMA5AZwtnQTXYs4Izu5CLI3JA78zs76FXu7w5tKUhqrgfIZ1VI26WSht25Jp0bmkDE5pZL3L-mxWQNMHZSn76KVCpna7wBFCWmupGZ2Lxe0FbD5CnMJ0CDtCh-capl7xaTofVQohNxBm4iuBXru3kB5_fuZlgMMjI5uzQQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>Globe and Map Skills | PakMCQs:</h1>
<p>Master 5th Class Social Studies – Globe and Map Skills with a free online CBT Test and important MCQs. Learn about the elements of a map (BOLTS), types of scale, kinds of maps (Political, Tourist, Weather, Topographical, Road), lines of latitude and longitude, the Equator, Prime Meridian, Tropic of Cancer and Capricorn, and how to calculate time zones and GMT. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>Globe and Map Skills | گلوب اور نقشہ کی مہارت
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">Globe aur Map (Naqsha) ki Maharat (Globe and Map Skills)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes</h4>
<p>Is sabaq ko mukammal karne ke baad students is qabil ho jayenge ke:<br>
• Map (naqsha) ki wazahat karna aur ise parhne ke liye term 'BOLTS' ko bayan karna.<br>
• Naqshay parhnay mein Scale (paimana) ki tareef karna aur diagrams ki madad se iski aqsaam (types) ko bayan karna.<br>
• Naqshon ki mukhtalif types (aqsaam) ko pehchanna jese ke Road Map, Tourist Map, Weather Map, Political Map, Topographical Map.<br>
• Diagrams ki madad se Latitudes (Arz-e-balad), Longitudes (Tool-e-balad) aur Time Zone ki khusoosiyat ko pehchanna.<br>
• Grid Reference ke zariye jagah (location) ka ta-ayyun karne ke liye latitudes aur longitudes ka istemal karna.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Sochein aur Jawab Dein! (Think and Answer!):</strong><br>
• Naqshay (map) aur globe mein kya farq hai?<br>
• Naqshay ke ahem ajza (elements) likhein.
</p>
<p>Naqshon (maps) ka istemal jagahon ko dhundne ke liye kiya jata hai. Naqsha zameen ya zameen ke kisi hisse ka ek tasveeri khaka (pictorial sketch) hota hai. Naqsha kisi school, ghar, shehar, kasbay ya mulk ka ho sakta hai. Naqshon ka istemal kar ke, hum paani ke wasail jese ke daryaoon aur samandaron ka pata laga sakte hain.</p>
<p>Zameen ya is ke kisi bhi hisse ko ek hamwar kaghaz par dikhana <span class="highlight-word" style="color: #2980b9; font-weight: bold;">naqsha (map)</span> kehlata hai. Naqshay mukhtalif maqasid ke liye mukhtalif scales (paimano) ke sath banaye jate hain. Naqshon ko ek jagah se doosri jagah aasani se le jaya ja sakta hai.</p>
<h4 style="color: #3498db;">Map Elements (BOLTS)</h4>
<p>Naqshay ke ajza (elements) ko <span class="highlight-word" style="color: #c0392b; font-weight: bold;">'BOLTS'</span> kaha jata hai:</p>
<ul style="list-style-type: none; padding-left: 10px;">
<li>• <b>B = Border (Hadd):</b> Naqshay ke borders charo taraf bani lines hoti hain jo ise ek tasveer ke frame ki tarah gherte hain. Ise kinara (hem) bhi kaha jata hai.</li>
<li>• <b>O = Orientation (Simt):</b> Naqshay par simton (directions) ka pata lagana orientation kehlata hai. Shumal (North), Mashriq (East), Maghrib (West) aur Janoob (South) char ahem simtein (cardinal directions) hain.</li>
<li>• <b>L = Legend (Alamaat/Fehrist):</b> Zameen ke khado-khal jese ke pahar, maidan, sehra, darakht, sarakain naqshay par makhsoos nishanaat (signs) se dikhaye jate hain. In nishanaat ko naqshay par ek fehrist mein diya jata hai jise legend kaha jata hai.</li>
<li>• <b>T = Title (Unwan):</b> Naqshay ko ek title diya jata hai jo naqshay ke oopri hisse par wazay aur mote (bold) huroof mein likha jata hai. Ye naqshay ke ilaqay aur maqsad ko zahir karta hai.</li>
<li>• <b>S = Scale (Paimana):</b> Zameen aur naqshay par faslay ko ek makhsoos tanaasub (ratio) mein dikhaya jata hai. Ise scale (paimana) kehte hain.</li>
</ul>
<h5 style="color: #3498db; margin-bottom: 5px;">Legend Items List</h5>
<p>• Railway Line (Relway line) • Metalled Road (Pukhta sarak) • Unmetalled Road (Kacha rasta) • Bridge (Pul) • Railway Bridge (Railway pul) • Trees (Darakht) • Contours (Khutoot-e-murtafa) • River (Darya) • Agriculture Land (Zarai zameen) • Settlements (Abadiyan)</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Kya aap mazeed janna chahte hain?</strong> Nishanaat ko conventional signs (riwayati alamaat) bhi kaha jata hai.</p>
<h4 style="color: #3498db;">Scale ki Aqsaam (Types of Scale)</h4>
<p>Scale ki teen aqsaam hoti hain:<br>
1. <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Linear scale (Khat-ti paimana):</span> Ye scale ek horizontal (ufqi) line ki shakal mein hota hai jise barabar hisson mein taqseem kiya jata hai.<br>
2. <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Statement of scale (Ibarti paimana):</span> Statement of scale faslay ko lafzon mein zahir karta hai. (e.g., 4 mile ke faslay ko ek inch se dikhana).<br>
3. <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Representative Fraction (RF) / Kasri paimana:</span> Is scale par fasla dikhane ke liye fraction (kasr) ya ratio (tanaasub) ka istemal kiya jata hai, jiska numerator unit (1) hota hai. (e.g., 1/253,440 ya 1:253,440).</p>
<h4 style="color: #3498db;">Naqshon ki Aqsaam (Kinds of Map)</h4>
<ul>
<li><b>Political Map (Siyasi naqsha):</b> International borders, mulkon, dar-al-hukoomaton aur ahem shehron ka pata lagane ke liye istemal hota hai.</li>
<li><b>Tourist Map (Sayahati naqsha):</b> Sayahon (tourists) ke liye banaye jate hain jin mein ahem muqamaat aur sarakon ki nishandahi karne wali tasaveer aur maloomat hoti hain.</li>
<li><b>Weather Map (Mausami naqsha):</b> Mukhtalif alamaat ki madad se kisi khas waqt mein kisi ilaqay ke mausam ki surathal ko dikhata hai.</li>
<li><b>Topographical Map (Tab-ee naqsha):</b> Zameen ke khado-khal (pahar, wadiyan, maidan) dikhane ke liye contour lines (khutoot-e-murtafa) ka istemal karta hai jo bulandi (height) zahir karti hain.</li>
<li><b>Road Map (Sarakon ka naqsha):</b> Ahem muqamaat, highways, sarakon aur railway lines ko zahir karta hai.</li>
</ul>
<h4 style="color: #3498db;">Latitudes aur Longitudes ki Lines (Khutoot-e-Arz-e-balad aur Tool-e-balad)</h4>
<p>Naqshay par horizontal (ufqi) aur vertical (amoodi) lines ko <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">'Grid'</span> kaha jata hai. Ye farzi (imaginary) lines hoti hain jinhe latitudes (arz-e-balad) aur longitudes (tool-e-balad) ki lines kaha jata hai.</p>
<p><b>Map Details (Naqshay ki Tafseelaat):</b> Arctic Ocean (Bahr-e-Shumali), Europe, Asia, North America, Atlantic Ocean, Pacific Ocean, South America, Antarctic/Southern Ocean, Antarctica, Indian Ocean, Australia.</p>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Lines of Latitude (Khutoot-e-Arz-e-balad):</span> Mashriq se maghrib tak khenchi gayi farzi horizontal lines hain. Zero degree (0°) par waqe sab se lambi latitude line ko <span style="color: #c0392b; font-weight: bold;">Equator (Khat-e-istiwa)</span> kaha jata hai, jo zameen ko do barabar hisson mein taqseem karti hai. In lines ki tadad 180 hai (90 North mein aur 90 South mein). In se do jagahon ke darmiyan fasla maloom hota hai.</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Lines of Longitude (Khutoot-e-Tool-e-balad):</span> Shumail se janoob tak khenchi gayi farzi vertical lines hain. 0° longitude ki line ko <span style="color: #c0392b; font-weight: bold;">Prime Meridian</span> kaha jata hai jo England ke maqam Greenwich se guzarti hai. Prime Meridian zameen ko vertical rukh par do barabar hisson mein taqseem karta hai. In lines ki tadad 360 hai (180 East mein aur 180 West mein). In ki madad se do mulkon ke darmiyan waqt ka farq maloom hota hai.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;">
<b>Important Latitude Lines:</b><br>
- Arctic circle equator ke shumal mein 66.5° par hai.<br>
- Tropic of Cancer equator ke shumal mein 23.5° par hai.<br>
- Equator 0° latitude par hai jo zameen ko do barabar hisson mein taqseem karta hai.<br>
- Tropic of Capricorn equator ke janoob mein 23.5° par hai.<br>
- Antarctic Circle equator ke janoob mein 66.5° par hai.
</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;">
<strong>Do You Want to Know More?</strong><br>
• Arz-e-balad (latitude) ki 1 line = taqreeban 111 kilometers<br>
• Tool-e-balad (longitude) ki 1 line = 4 minutes
</p>
<h4 style="color: #3498db;">Time Zone</h4>
<p>Greenwich se guzarne wale Prime Meridian ko 1884 mein ek international conference mein 0° ki line ke tor par qubool kiya gaya. Iske waqt, <span class="highlight-word" style="color: #16a085;">Greenwich Mean Time (GMT)</span>, ko standard time qubool kiya gaya. <b>Chobees (24) time zones</b> banaye gaye. Greenwich ke mashriq mein 12 aur maghrib mein 12 time zones hain. Mashriq ki taraf har time zone mein ek ghanta barh jata (gain) hai aur maghrib ki taraf ek ghanta kam (lose) ho jata hai. Pakistan <span style="color: #27ae60; font-weight: bold;">+5 time zone</span> mein hai, yaani Greenwich se 5 ghante aage hai. Agar Greenwich mein 07:00 AM baje hain, to Pakistan mein 12:00 PM honge.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;">
<strong>Do You Want to Know More?</strong><br>
• Zameen suraj ke samne har ghante mein 15° longitudes guzarti hai (360°/24 = 15° per hour). Har time zone 15° longitude par mushtamil hota hai.<br>
• <b>am:</b> ante meridiem (Before Noon - Raat 12 se Dopahar 12)<br>
• <b>pm:</b> post meridiem (After Noon - Dopahar 12 se Raat 12)
</p>
<h4 style="color: #3498db;">Waqt Maloom Karne ka Tareeqa (Example)</h4>
<p>Aayein Greenwich se Lahore ka waqt maloom karte hain. Lahore ki line of longitude 75° mashriq (east) hai. Agar Greenwich mein dopahar ke 12:00 (PM) baje hon, to Lahore mein kya waqt hoga:</p>
<p style="background: #e8f5e9; padding: 10px; border-left: 4px solid #2e7d32; font-family: monospace;">
Lahore aur Greenwich ke waqt ka farq:<br>
Lahore ki line of longitude ÷ 15°<br>
= 75° ÷ 15°<br>
= 5 ghante<br><br>
Chunke Lahore Greenwich ke mashriq mein waqe hai, is liye iska waqt Greenwich se 5 ghante aage hoga:<br>
12:00 + 5 = 17:00 (05:00 PM)
</p>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز</h3>
<h4 style="color: #3498db;">گلوب اور میپ (نقشہ) کی مہارت (Globe and Map Skills)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو مکمل کرنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• میپ (نقشے) کی وضاحت کرنا اور اسے پڑھنے کے لیے ٹرم 'بولٹس' (بی او ایل ٹی ایس) کو بیان کرنا۔<br>
• نقشے پڑھنے میں اسکیل (پیمانے) کی تعریف کرنا اور اس کی اقسام کو بیان کرنا۔<br>
• نقشوں کی مختلف اقسام جیسے کہ روڈ میپ، ٹورسٹ میپ، ویدر میپ، پولیٹیکل میپ، ٹوپوگرافیکل میپ کو پہچاننا۔<br>
• لیٹی ٹیوڈز (خطوطِ عرضِ بلد)، لونگی ٹیوڈز (خطوطِ طولِ بلد) اور ٹائم زون کی خصوصیات کو پہچاننا۔<br>
• گرڈ ریفرنس کے ذریعے جگہ (لوکیشن) کا تعین کرنے کے لیے لیٹی ٹیوڈز اور لونگی ٹیوڈز کا استعمال کرنا۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>سوچیں اور جواب دیں! (تھنک اینڈ آنسر!):</strong><br>
• نقشے (میپ) اور گلوب میں کیا فرق ہے؟<br>
• نقشے کے اہم اجزاء (ایلیمنٹس) لکھیں۔
</p>
<p>نقشوں (میپس) کا استعمال جگہوں کو ڈھونڈنے کے لیے کیا جاتا ہے۔ نقشہ زمین یا زمین کے کسی حصے کا ایک تصویری خاکہ (پکٹوریل اسکیچ) ہوتا ہے۔ نقشہ کسی اسکول، گھر، شہر، قصبے یا ملک کا ہو سکتا ہے۔ نقشوں کا استعمال کر کے، ہم پانی کے وسائل جیسے کہ دریاؤں اور سمندروں کا پتہ لگا سکتے ہیں۔</p>
<p>زمین یا اس کے کسی بھی حصے کو ایک ہموار کاغذ پر دکھانا <span class="highlight-word" style="color: #2980b9; font-weight: bold;">نقشہ (میپ)</span> کہلاتا ہے۔ نقشے مختلف مقاصد کے لیے مختلف اسکیلز (پیمانوں) کے ساتھ بنائے جاتے ہیں۔ نقشوں کو ایک جگہ سے دوسری جگہ آسانی سے لے جایا جا سکتا ہے۔</p>
<h4 style="color: #3498db;">نقشے کے اجزاء (BOLTS)</h4>
<p>نقشے کے اجزاء (ایلیمنٹس) کو <span class="highlight-word" style="color: #c0392b; font-weight: bold;">'بولٹس' (BOLTS)</span> کہا جاتا ہے:</p>
<ul style="list-style-type: none; padding-right: 10px;">
<li>• <b>بی (B) = بارڈر (حد):</b> نقشے کے بارڈرز چاروں طرف بنی لائنز ہوتی ہیں جو اسے ایک تصویر کے فریم کی طرح گھیرتی ہیں۔ اسے کنارہ (ہیم) بھی کہا جاتا ہے۔</li>
<li>• <b>او (O) = اورینٹیشن (سمت):</b> نقشے پر سمتوں کا پتہ لگانا اورینٹیشن کہلاتا ہے۔ شمال (نارتھ)، مشرق (ایسٹ)، مغرب (ویسٹ) اور جنوب (ساؤتھ) چار اہم سمتیں (کارڈنیل ڈائریکشنز) ہیں۔</li>
<li>• <b>ایل (L) = لیجنڈ (علامات یا فہرست):</b> زمین کے خدوخال جیسے کہ پہاڑ، میدان، صحرا، درخت، عمارتیں اور سڑکیں نقشے پر مخصوص نشانات سے دکھائے جاتے ہیں۔ ان نشانات کو نقشے پر ایک فہرست میں دیا جاتا ہے جسے لیجنڈ کہا جاتا ہے۔</li>
<li>• <b>ٹی (T) = ٹائٹل (عنوان):</b> نقشے کو ایک ٹائٹل دیا جاتا ہے جو نقشے کے اوپری حصے پر واضح اور موٹے (بولڈ) حروف میں لکھا جاتا ہے۔ یہ نقشے کے علاقے اور مقصد کو ظاہر کرتا ہے۔</li>
<li>• <b>ایس (S) = اسکیل (پیمانہ):</b> زمین اور نقشے پر فاصلے کو ایک مخصوص تناسب (ریشیو) میں دکھایا جاتا ہے۔ اسے اسکیل (پیمانہ) کہتے ہیں۔</li>
</ul>
<h5 style="color: #3498db; margin-bottom: 5px;">لیجنڈ (نقشے کی روایتی علامات)</h5>
<p>• ریلوے لائن • پختہ سڑک (میٹلڈ روڈ) • کچا راستہ (ان میٹلڈ روڈ) • پل (برج) • ریلوے پل (ریلوے برج) • درخت (ٹریز) • خطوطِ مرتفع (کنٹورز) • دریا (ریور) • زرعی زمین (ایگریکلچر لینڈ) • آبادیاں (سیٹلمنٹس)</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> نشانات کو روایتی علامات (کنونشنل سائنز) بھی کہا جاتا ہے۔</p>
<h4 style="color: #3498db;">اسکیل کی اقسام (Types of Scale)</h4>
<p>اسکیل کی تین اقسام ہوتی ہیں:<br>
1. <span class="highlight-word" style="color: #27ae60; font-weight: bold;">لینیئر اسکیل (خطی پیمانہ):</span> یہ اسکیل ایک ہاریزونٹل (افقی) لائن کی شکل میں ہوتا ہے جسے برابر حصوں میں تقسیم کیا جاتا ہے۔<br>
2. <span class="highlight-word" style="color: #27ae60; font-weight: bold;">اسٹیٹمنٹ آف اسکیل (عبارتی پیمانہ):</span> اسٹیٹمنٹ آف اسکیل فاصلے کو لفظوں میں ظاہر کرتا ہے۔ (جیسے چار میل کے فاصلے کو ایک انچ سے دکھانا)۔<br>
3. <span class="highlight-word" style="color: #27ae60; font-weight: bold;">ریپریزنٹیٹو فریکشن (آر ایف) / کسری پیمانہ:</span> اس اسکیل پر فاصلہ دکھانے کے لیے فریکشن (کسر) کا استعمال کیا جاتا ہے، جس کا شمار کنندہ (نیومیریٹر) یونٹ (1) ہوتا ہے۔ (جیسے 1/253,440 یا 1:253,440)۔</p>
<h4 style="color: #3498db;">نقشوں کی اقسام (Kinds of Map)</h4>
<ul>
<li><b>پولیٹیکل میپ (سیاسی نقشہ):</b> ایک نقشہ جو انٹرنیشنل بارڈرز، ملکوں، دارالحکومتوں اور اہم شہروں کا پتہ لگانے کے لیے استعمال ہوتا ہے۔</li>
<li><b>ٹورسٹ میپ (سیاحتی نقشہ):</b> یہ نقشے سیاحوں کے لیے بنائے جاتے ہیں جن میں اہم مقامات اور سڑکوں کی نشاندہی کرنے والی تصاویر اور معلومات ہوتی ہیں۔</li>
<li><b>ویدر میپ (موسمی نقشہ):</b> اس کا استعمال مختلف علامات کی مدد سے کسی خاص وقت میں کسی علاقے کے موسم کی صورتحال کو دکھانے کے لیے کیا جاتا ہے۔</li>
<li><b>ٹوپوگرافیکل میپ (طبیعی نقشہ):</b> اس کا استعمال زمین کے خدوخال جیسے کہ پہاڑ، وادیاں اور میدان دکھانے کے لیے کیا جاتا ہے۔ ان نقشوں میں طبعی خدوخال کو کنٹور لائنز (خطوطِ مرتفع) کے ذریعے دکھایا جاتا ہے۔</li>
<li><b>روڈ میپ (سڑکوں کا نقشہ):</b> ایک روڈ میپ اہم مقامات، ہائی ویز، سڑکوں اور ریلوے لائنز وغیرہ کو ظاہر کرتا ہے۔</li>
</ul>
<h4 style="color: #3498db;">خطوطِ عرضِ بلد اور طولِ بلد (لیٹی ٹیوڈز اور لونگی ٹیوڈز کی لائنز)</h4>
<p>نقشے پر ہاریزونٹل (افقی) اور ورٹیکل (عمودی) لائنز کو <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">'گرڈ'</span> کہا جاتا ہے۔ یہ فرضی (امیجنری) لائنز ہوتی ہیں جنہیں لیٹی ٹیوڈز (عرضِ بلد) اور لونگی ٹیوڈز (طولِ بلد) کی لائنز کہا جاتا ہے۔</p>
<p><b>نقشے کی تفصیلات (Map Details):</b> بحرِ شمالی (آرکٹک اوشن)، یورپ، ایشیا، شمالی امریکہ، بحرِ اوقیانوس، بحرِ کاہل، جنوبی امریکہ، بحرِ جنوبی، انٹارکٹیکا، بحرِ ہند، آسٹریلیا۔</p>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">لائنز آف لیٹی ٹیوڈ (خطوطِ عرضِ بلد):</span> نقشے پر مشرق سے مغرب تک کھینچی گئی فرضی ہاریزونٹل لائنز کو لائنز آف لیٹی ٹیوڈ کہا جاتا ہے۔ زیرو ڈگری (0°) پر واقع سب سے لمبی لیٹی ٹیوڈ لائن کو <span style="color: #c0392b; font-weight: bold;">ایکویٹر (خطِ استوا)</span> کہا جاتا ہے، جو زمین کو دو برابر حصوں میں تقسیم کرتی ہے۔ ان لائنز کی تعداد 180 ہے (90 شمال میں اور 90 جنوب میں)۔</p>
<p>• <span class="highlight-word" style="color: #2980b9; font-weight: bold;">لائنز آف لونگی ٹیوڈ (خطوطِ طولِ بلد):</span> گلوب یا نقشے پر شمال سے جنوب تک کھینچی گئی فرضی ورٹیکل لائنز کو لائنز آف لونگی ٹیوڈ کہا جاتا ہے۔ 0 ڈگری لونگی ٹیوڈ کی لائن کو <span style="color: #c0392b; font-weight: bold;">پرائم میریڈین</span> کہا جاتا ہے جو انگلینڈ کے مقام گرین وچ سے گزرتی ہے۔ پرائم میریڈین زمین کو ورٹیکل رخ پر دو برابر حصوں میں تقسیم کرتا ہے۔ ان کی تعداد 360 ہے (180 مشرق میں اور 180 مغرب میں)۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;">
<b>نقشے کی مزید اہم لائنز:</b><br>
- آرکٹک سرکل ایکویٹر کے شمال میں 66.5 ڈگری پر ہے۔<br>
- ٹراپک آف کینسر ایکویٹر کے شمال میں 23.5 ڈگری پر ہے۔<br>
- ایکویٹر 0 ڈگری لیٹی ٹیوڈ پر ہے جو زمین کو دو برابر حصوں میں تقسیم کرتا ہے۔<br>
- ٹراپک آف کیپریکورن ایکویٹر کے جنوب میں 23.5 ڈگری پر ہے۔<br>
- انٹارکٹک سرکل ایکویٹر کے جنوب میں 66.5 ڈگری پر ہے۔
</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;">
<strong>کیا آپ مزید جاننا چاہتے ہیں؟ (ڈو یو وانٹ ٹو نو مور؟)</strong><br>
• عرضِ بلد (لیٹی ٹیوڈ) کی 1 لائن = تقریباً 111 کلومیٹرز<br>
• طولِ بلد (لونگی ٹیوڈ) کی 1 لائن = 4 منٹس
</p>
<h4 style="color: #3498db;">ٹائم زون</h4>
<p>گرین وچ سے گزرنے والے پرائم میریڈین کو 1884 میں ایک انٹرنیشنل کانفرنس میں 0 ڈگری کی لائن کے طور پر قبول کیا گیا تھا۔ اس جگہ کے وقت، <span class="highlight-word" style="color: #16a085;">گرین وچ مین ٹائم (جی ایم ٹی)</span>، کو اسٹینڈرڈ ٹائم (مخصوص وقت) کے طور پر قبول کیا گیا۔ <b>چوبیس (24) ٹائم زونز</b> بنائے گئے جو دن کے چوبیس گھنٹوں کو ظاہر کرتے ہیں۔ گرین وچ کے مشرق میں 12 اور مغرب میں 12 ٹائم زونز ہیں۔ مشرق کی طرف ہر ٹائم زون میں ایک گھنٹہ بڑھ جاتا ہے اور مغرب کی طرف ایک گھنٹہ کم ہو جاتا ہے۔ پاکستان <span style="color: #27ae60; font-weight: bold;">+5 ٹائم زون</span> میں واقع ہے، یعنی گرین وچ سے 5 گھنٹے آگے ہے۔ اگر گرین وچ میں صبح کے 07:00 (اے ایم) بجے ہیں، تو پاکستان میں دوپہر کے 12:00 (پی ایم) ہوں گے۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;">
<strong>کیا آپ مزید جاننا چاہتے ہیں؟ (ڈو یو وانٹ ٹو نو مور؟)</strong><br>
• زمین سورج کے سامنے ہر گھنٹے میں 15 ڈگری لونگی ٹیوڈز گزرتی ہے۔ یہ ایک مکمل چکر میں 360 ڈگری لونگی ٹیوڈز مکمل کرتی ہے۔ ہر ٹائم زون 15 ڈگری لونگی ٹیوڈ پر مشتمل ہوتا ہے۔ چونکہ لونگی ٹیوڈز کی کل تعداد 360 ہے، اس لیے 24 ٹائم زونز ہیں۔ (360 ÷ 15 = 24)<br>
• <b>اے ایم (am):</b> اینٹی میریڈیم (دوپہر سے پہلے)<br>
• <b>پی ایم (pm):</b> پوسٹ میریڈیم (دوپہر کے بعد)
</p>
<h4 style="color: #3498db;">وقت معلوم کرنے کا طریقہ (مثال)</h4>
<p>آئیے گرین وچ سے لاہور کا وقت معلوم کرتے ہیں۔ لاہور کی لائن آف لونگی ٹیوڈ 75 ڈگری مشرق (ایسٹ) ہے۔ اگر گرین وچ میں دوپہر کے 12:00 (پی ایم) بجے ہوں، تو لاہور میں کیا وقت ہوگا:</p>
<p style="background: #e8f5e9; padding: 10px; border-right: 4px solid #2e7d32; font-family: monospace;">
لاہور اور گرین وچ کے وقت کا فرق:<br>
لاہور کی لائن آف لونگی ٹیوڈ تقسیم 15 ڈگری<br>
= 75 ڈگری تقسیم 15 ڈگری<br>
= 5 گھنٹے<br><br>
چونکہ لاہور گرین وچ کے مشرق میں واقع ہے، اس لیے اس کا وقت گرین وچ سے 5 گھنٹے آگے ہوگا:<br>
12:00 + 5 = 17:00 (یعنی شام کے 5 بجے / 05:00 PM)
</p>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: 5th Class Social Studies Chapter 5: Globe and Map Skills</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is a map?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>A map is a flat drawing or representation of the Earth or any part of it. It helps us find places, roads, rivers, mountains, and other geographical features.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What does BOLTS stand for in map reading?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>BOLTS stands for: B – Border, O – Orientation, L – Legend, T – Title, S – Scale.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the purpose of a map scale?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>A map scale shows the relationship between the distance on the map and the actual distance on the ground, helping us measure real distances accurately.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the main types of maps?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The five main types of maps are: Political Map, Tourist Map, Weather Map, Topographical Map, and Road Map.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are lines of latitude?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Lines of latitude are imaginary horizontal lines that run from east to west. They measure the distance north or south of the Equator.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the Prime Meridian?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The Prime Meridian is the 0° longitude line that passes through Greenwich, England. It divides the Earth into the Eastern and Western Hemispheres.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the Equator?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The Equator is the 0° latitude line. It divides the Earth into the Northern and Southern Hemispheres and is the longest line of latitude.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are time zones and why are they important?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Time zones divide the Earth into 24 regions, each representing one hour. They help different countries keep the correct local time based on their longitude.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why is Pakistan in the GMT +5 time zone?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Pakistan lies east of the Prime Meridian and follows GMT +5, which means its local time is 5 hours ahead of Greenwich Mean Time (GMT).</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>How do latitudes and longitudes help us?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Latitudes and longitudes form a grid system that helps identify the exact location of any place on the Earth using map coordinates (grid references).</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"topicHeading": "Map",
"question": "What is the representation of the Earth or any part of it on plain paper called?",
"urdu": "سادہ کاغذ پر زمین یا اس کے کسی حصے کی عکاسی کو کیا کہا جاتا ہے؟",
"options": ["Globe", "Map", "Painting", "Photo"],
"correctAnswer": "B",
"explanation": "[red]Map[/red] is correct because it is a flat, two-dimensional drawing used to show the [blue]geography and details[/blue] of any area of the Earth.",
"explanationUrdu": "[red]نقشہ (Map)[/red] درست ہے کیونکہ یہ زمین کے کسی بھی حصے کی [blue]جغرافیائی تفصیلات[/blue] کو کاغذ پر دکھانے کا ایک ہموار اور دو جہتی ذریعہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which acronym represents the essential elements of a map?",
"urdu": "نقشے کے ضروری اجزاء کی نمائندگی کرنے والا مخفف (acronym) کون سا ہے؟",
"options": ["COLD", "BOLTS", "WIND", "STAR"],
"correctAnswer": "B",
"explanation": "[red]BOLTS[/red] is correct as it is the standard mnemonic used to remember the [blue]five key parts[/blue] that make up a complete and readable map.",
"explanationUrdu": "[red]بولٹس (BOLTS)[/red] درست ہے کیونکہ یہ وہ [blue]پانچ اہم حصوں کو یاد رکھنے کا ایک سائنسی مخفف[/blue] ہے جن سے مل کر ایک مکمل نقشہ بنتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In the acronym BOLTS, what does the letter \"B\" stand for?",
"urdu": "مخفف BOLTS میں حرف \"B\" سے کیا مراد ہے؟",
"options": ["Blue", "Border", "Building", "Boat"],
"correctAnswer": "B",
"explanation": "[red]Border[/red] is correct because every map needs a clear boundary or border to [blue]outline the area[/blue] being represented.",
"explanationUrdu": "[red]بارڈر (Border)[/red] درست ہے کیونکہ ہر نقشے کے ارد گرد ایک [blue]واضح حد یا لکیر[/blue] ہونی چاہیے جو اس کی حدود کو ظاہر کرے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In the acronym BOLTS, what does the letter \"O\" stand for?",
"urdu": "مخفف BOLTS میں حرف \"O\" سے کیا مراد ہے؟",
"options": ["Ocean", "Orientation", "Orbit", "Oasis"],
"correctAnswer": "B",
"explanation": "[red]Orientation[/red] is correct because it indicates the directions on a map, usually showing where [blue]North is located[/blue].",
"explanationUrdu": "[red]اورینٹیشن (Orientation)[/red] درست ہے کیونکہ یہ نقشے پر [blue]سمتوں (جیسے شمال کہاں ہے)[/blue] کی نشاندہی کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In the acronym BOLTS, what does the letter \"L\" stand for?",
"urdu": "مخفف BOLTS میں حرف \"L\" سے کیا مراد ہے؟",
"options": ["Legend", "Lake", "Land", "Latitude"],
"correctAnswer": "A",
"explanation": "[red]Legend[/red] is correct as it is the key on a map that explains what the different [blue]symbols, colors, or signs[/blue] represent.",
"explanationUrdu": "[red]لیجنڈ (Legend)[/red] درست ہے کیونکہ یہ نقشے کی وہ چابی یا اشاریہ ہے جو [blue]مختلف علامتوں اور رنگوں کا مطلب[/blue] واضح کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In the acronym BOLTS, what does the letter \"T\" stand for?",
"urdu": "مخفف BOLTS میں حرف \"T\" سے کیا مراد ہے؟",
"options": ["Town", "Title", "Tree", "Temperature"],
"correctAnswer": "B",
"explanation": "[red]Title[/red] is correct because the title tells the reader what [blue]specific area or information[/blue] the map is representing.",
"explanationUrdu": "[red]ٹائٹل (Title)[/red] درست ہے کیونکہ عنوان یا ٹائٹل سے قاری کو معلوم ہوتا ہے کہ یہ نقشہ کس [blue]مخصوص علاقے یا معلومات[/blue] کو ظاہر کر رہا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In the acronym BOLTS, what does the letter \"S\" stand for?",
"urdu": "مخفف BOLTS میں حرف \"S\" سے کیا مراد ہے؟",
"options": ["Sea", "Scale", "South", "Sand"],
"correctAnswer": "B",
"explanation": "[red]Scale[/red] is correct because the scale shows the relationship between distances on the map and the [blue]actual distances[/blue] on the ground.",
"explanationUrdu": "[red]اسکیل (Scale)[/red] درست ہے کیونکہ یہ نقشے کے فاصلوں اور زمین پر موجود [blue]اصل فاصلوں کے درمیان نسبت[/blue] کو ظاہر کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the lines on all four sides of a map that enclose it like a frame called?",
"urdu": "نقشے کے چاروں طرف موجود وہ لکیریں کیا کہلاتی ہیں جو اسے فریم کی طرح گھیرتی ہیں؟",
"options": ["Scales", "Legends", "Map borders", "Grids"],
"correctAnswer": "C",
"explanation": "[red]Map borders[/red] are correct because they define the limits of the map and [blue]separate the mapped area[/blue] from the outer page.",
"explanationUrdu": "[red]نقشے کی حدود (Borders)[/red] درست ہے کیونکہ یہ لکیریں نقشے کے رقبے کی آخری حد کا تعین کرتی ہیں اور اسے [blue]صفحے کے باقی حصے سے الگ[/blue] کرتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is another term used for map borders?",
"urdu": "نقشے کے بارڈرز کے لیے دوسری کون سی اصطلاح استعمال ہوتی ہے؟",
"options": ["Hem", "Title", "Scale", "Key"],
"correctAnswer": "A",
"explanation": "[red]Hem[/red] is correct as it is a [blue]traditional synonym[/blue] used by cartographers to describe the boundary lines enclosing a map.",
"explanationUrdu": "[red]ہیم (Hem)[/red] درست ہے کیونکہ یہ وہ [blue]متبادل لفظ[/blue] ہے جو نقشے کو گھیرنے والی بیرونی لکیروں کے لیے استعمال ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the process of finding directions on a map called?",
"urdu": "نقشے پر سمتیں معلوم کرنے کے عمل کو کیا کہا جاتا ہے؟",
"options": ["Scaling", "Drawing", "Orientation", "Mapping"],
"correctAnswer": "C",
"explanation": "[red]Orientation[/red] is correct because it is the skill of [blue]aligning a map correctly[/blue] with real-world geographical directions.",
"explanationUrdu": "[red]اورینٹیشن (Orientation)[/red] درست ہے کیونکہ یہ نقشے کو حقیقی دنیا کی [blue]جغرافیائی سمتوں کے مطابق درست ترتیب دینے[/blue] کی مہارت ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are North, East, West, and South collectively known as?",
"urdu": "شمال، مشرق، مغرب اور جنوب کو مجموعی طور پر کیا کہا جاتا ہے؟",
"options": ["Minor directions", "Cardinal directions", "Scale lines", "Local signs"],
"correctAnswer": "B",
"explanation": "[red]Cardinal directions[/red] is correct because these four main points are the primary standard [blue]directions used for navigation[/blue] on Earth.",
"explanationUrdu": "[red]بنیادی سمتیں (Cardinal directions)[/red] درست ہے کیونکہ یہ وہ چار اہم سمتیں ہیں جو دنیا بھر میں راستوں اور نقشوں پر [blue]رہنمائی کے لیے استعمال[/blue] ہوتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many cardinal directions are there?",
"urdu": "بنیادی سمتیں (Cardinal directions) تعداد میں کتنی ہیں؟",
"options": ["Two", "Four", "Six", "Eight"],
"correctAnswer": "B",
"explanation": "[red]Four[/red] is correct because North, South, East, and West make up the [blue]four major compass points[/blue].",
"explanationUrdu": "[red]چار[/red] درست ہے کیونکہ قطب نما پر [blue]چار اہم ترین مقامات[/blue] (شمال، جنوب، مشرق، مغرب) ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How are Earth's physical features like mountains, roads, and buildings shown on a map?",
"urdu": "زمین کی قدرتی خصوصیات جیسے پہاڑ، سڑکیں اور عمارتیں نقشے پر کیسے دکھائی جاتی ہیں؟",
"options": ["By real photographs", "By special signs (symbols)", "Only by writing names", "By long numbers"],
"correctAnswer": "B",
"explanation": "[red]By special signs (symbols)[/red] is correct because a flat map uses symbols and icons to [blue]represent complex real-world objects[/blue].",
"explanationUrdu": "[red]مخصوص علامتوں (Signs) کے ذریعے[/red] درست ہے کیونکہ کاغذ کے نقشے پر حقیقی دنیا کی بڑی چیزوں کو دکھانے کے لیے [blue]نشانات اور علامتیں[/blue] استعمال ہوتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the explanatory list of special signs and symbols on a map called?",
"urdu": "نقشے پر مخصوص نشانات اور علامتوں کی وضاحتی فہرست کو کیا کہتے ہیں؟",
"options": ["Title", "Scale", "Legend", "Border"],
"correctAnswer": "C",
"explanation": "[red]Legend[/red] is correct because this box explains what [blue]each line, dot, or symbol[/blue] on the map actually means.",
"explanationUrdu": "[red]لیجنڈ (Legend)[/red] درست ہے کیونکہ یہ وہ گائیڈ یا اشاریہ ہے جو نقشے پر موجود [blue]ہر لکیر، نقطے یا نشان کا اصل مطلب[/blue] واضح کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is the title of a map usually written?",
"urdu": "نقشے کا ٹائٹل (عنوان) عام طور پر نقشے پر کہاں لکھا جاتا ہے?",
"options": ["At the bottom", "On top of the map", "Behind the map", "Inside the legend"],
"correctAnswer": "B",
"explanation": "[red]On top of the map[/red] is correct because placing the title at the top allows readers to [blue]quickly identify[/blue] what the map is about.",
"explanationUrdu": "[red]نقشے کے سب سے اوپر[/red] درست ہے کیونکہ عنوان کو بالکل اوپر لکھنے سے پڑھنے والے کو فوراً معلوم ہو جاتا ہے کہ یہ نقشہ [blue]کس کے بارے میں[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How is the title of a map usually written so that it is easily noticed?",
"urdu": "نقشے کا عنوان عام طور پر کیسے لکھا جاتا ہے تاکہ وہ آسانی سے نظر آئے؟",
"options": ["In small secret letters", "In bold and visible letters", "In yellow color only", "With dotted lines"],
"correctAnswer": "B",
"explanation": "[red]In bold and visible letters[/red] is correct because the title needs to [blue]stand out from other labels[/blue] and lines on the map.",
"explanationUrdu": "[red]موٹے اور واضح حروف (Bold) میں[/red] درست ہے کیونکہ عنوان کو نقشے پر موجود دیگر چھوٹے الفاظ اور لکیروں سے [blue]الگ اور واضح[/blue] نظر آنا چاہیے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the title of a map show to the reader?",
"urdu": "نقشے کا ٹائٹل قاری کو کس چیز کے بارے میں بتاتا ہے؟",
"options": ["Map maker's name", "Price of the map", "Area and purpose of the map", "Number of cities"],
"correctAnswer": "C",
"explanation": "[red]Area and purpose of the map[/red] is correct because the title states the geographical region covered and [blue]what theme is represented[/blue].",
"explanationUrdu": "[red]نقشے کا علاقہ اور مقصد[/red] درست ہے کیونکہ عنوان یہ واضح کرتا ہے کہ نقشہ [blue]کس جغرافیائی خطے کا ہے[/blue] اور اس میں کیا معلومات دکھائی گئی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Scale",
"question": "What is the specific ratio used to show the relationship between ground distance and map distance called?",
"urdu": "زمین کے فاصلے اور نقشے کے فاصلے کے درمیان تعلق کو ظاہر کرنے والے مخصوص تناسب کو کیا کہتے ہیں؟",
"options": ["Legend", "Scale", "Border", "Title"],
"correctAnswer": "B",
"explanation": "[red]Scale[/red] is correct because it is the [blue]mathematical ratio[/blue] that allows a large area on the ground to be accurately sized down onto a small paper map.",
"explanationUrdu": "[red]اسکیل (Scale)[/red] یا پیمانہ درست ہے کیونکہ یہ وہ [blue]ریاضیاتی تناسب[/blue] ہے جو زمین کے بہت بڑے فاصلے کو چھوٹے کاغذ کے نقشے پر درست طریقے سے ظاہر کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What can we find out between two places on a map with the help of a scale?",
"urdu": "ہم پیمانے (scale) کی مدد سے نقشے پر دو مقامات کے درمیان کیا معلوم کر سکتے ہیں؟",
"options": ["The direction", "The height", "The distance", "The climate"],
"correctAnswer": "C",
"explanation": "[red]The distance[/red] is correct because we can use the map scale to calculate the [blue]actual physical distance[/blue] on the ground between any two points.",
"explanationUrdu": "[red]فاصلہ (Distance)[/red] درست ہے کیونکہ ہم نقشے کے پیمانے کا استعمال کرتے ہوئے زمین پر موجود کسی بھی دو مقامات کے درمیان [blue]اصل فاصلے کا حساب[/blue] لگا سکتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many main types of map scales are?",
"urdu": "نقشے کے پیمانے (scale) کی کتنی اہم اقسام بتائی گئی ہیں؟",
"options": ["Two", "Three", "Five", "Ten"],
"correctAnswer": "B",
"explanation": "[red]Three[/red] is correct because map makers use three different methods—[blue]linear, statement, and fraction[/blue]—to display distances on maps.",
"explanationUrdu": "[red]تین[/red] درست ہے کیونکہ نقشہ بنانے والے فاصلے کو ظاہر کرنے کے لیے [blue]تین مختلف طریقے[/blue] (لکیری، بیانی اور فریکشن) استعمال کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which scale is in the form of a horizontal line divided into equal parts?",
"urdu": "کون سا پیمانہ ایک افقی لکیر (horizontal line) کی شکل میں ہوتا ہے جو برابر حصوں میں تقسیم ہوتی ہے؟",
"options": ["Statement of scale", "Linear scale", "Representative Fraction", "Vertical scale"],
"correctAnswer": "B",
"explanation": "[red]Linear scale[/red] is correct because it is represented visually as a [blue]ruler-like line[/blue] marked with measurements to show distances directly.",
"explanationUrdu": "[red]لکیری پیمانہ (Linear scale)[/red] درست ہے کیونکہ یہ ظاہری طور پر ایک [blue]رولر کی طرح کی لکیر[/blue] ہوتی ہے جس پر فاصلے دکھانے کے لیے نشانات لگے ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the divided horizontal line of a linear scale show?",
"urdu": "لکیری پیمانے کی تقسیم شدہ افقی لکیر کیا ظاہر کرتی ہے؟",
"options": ["Map direction", "Ratio between ground and map distance", "Height of mountains", "Names of rivers"],
"correctAnswer": "B",
"explanation": "[red]Ratio between ground and map distance[/red] is correct as it allows readers to directly measure a distance on the map and see its [blue]real-world length[/blue].",
"explanationUrdu": "[red]زمین اور نقشے کے فاصلے کا تناسب[/red] درست ہے کیونکہ یہ قارئین کو نقشے پر فاصلہ ماپ کر براہِ راست اس کی [blue]اصل لمبائی جاننے[/blue] کی سہولت دیتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which type of scale shows map distances in written words?",
"urdu": "پیمانے کی کون سی قسم نقشے کے فاصلوں کو الفاظ میں ظاہر کرتی ہے؟",
"options": ["Linear scale", "Statement of scale", "Representative Fraction", "Digital scale"],
"correctAnswer": "B",
"explanation": "[red]Statement of scale[/red] is correct because it uses a [blue]simple written sentence[/blue] to explain the map's scale value to the reader.",
"explanationUrdu": "[red]بیانی پیمانہ (Statement of scale)[/red] درست ہے کیونکہ یہ ایک [blue]سادہ تحریری جملے[/blue] کا استعمال کرتے ہوئے قاری کو نقشے کے پیمانے کا مطلب سمجھاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "\"A distance of four miles is shown by one inch\" is an example of which scale?",
"urdu": "\"چار میل کے فاصلے کو ایک انچ سے ظاہر کیا گیا ہے\" یہ کس پیمانے کی مثال ہے؟",
"options": ["Linear scale", "Representative Fraction", "Statement of scale", "Graphic scale"],
"correctAnswer": "C",
"explanation": "[red]Statement of scale[/red] is correct because it expresses the scale in a [blue]simple written statement[/blue] rather than symbols or fractions.",
"explanationUrdu": "[red]بیانی پیمانہ[/red] درست ہے کیونکہ یہ علامتوں یا ہندسوں کے بجائے ایک [blue]سادہ تحریری جملے[/blue] میں پیمانے کو بیان کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is used mathematically to show distance on a Representative Fraction (RF) scale?",
"urdu": "رپریزنٹیٹو فریکشن (RF) پیمانے پر فاصلہ ریاضیاتی طور پر ظاہر کرنے کے لیے کیا استعمال کیا جاتا ہے؟",
"options": ["Words", "A fraction", "Long lines", "Colors"],
"correctAnswer": "B",
"explanation": "[red]A fraction[/red] is correct because an RF scale is written as a [blue]mathematical fraction or ratio[/blue] to express the relationship between distances.",
"explanationUrdu": "[red]کسر یا فریکشن (Fraction)[/red] درست ہے کیونکہ آر ایف (RF) پیمانہ نقشے اور زمینی فاصلوں کے درمیان تعلق کو ظاہر کرنے کے لیے [blue]ریاضیاتی کسر یا تناسب[/blue] کے طور پر لکھا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In an RF scale fraction, what does the numerator (which is always 1) represent?",
"urdu": "آر ایف (RF) پیمانے میں کسر کا شمار کنندہ (numerator) جو ہمیشہ 1 ہوتا ہے، کس کو ظاہر کرتا ہے؟",
"options": ["Distance on the ground", "Distance on the map", "Total scale length", "Number of cities"],
"correctAnswer": "B",
"explanation": "[red]Distance on the map[/red] is correct because the top number (numerator) of the fraction always represents [blue]one unit of measurement[/blue] on the printed map.",
"explanationUrdu": "[red]نقشے پر فاصلہ[/red] درست ہے کیونکہ کسر کا اوپری حصہ (شمار کنندہ) ہمیشہ چھپے ہوئے نقشے پر [blue]پیمائش کی ایک اکائی[/blue] کو ظاہر کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In an RF scale fraction, what does the denominator (the bottom number) represent?",
"urdu": "آر ایف (RF) پیمانے میں کسر کا نسب نما (denominator) کس کو ظاہر کرتا ہے؟",
"options": ["Distance on the map", "Distance on the ground", "Page size", "Heading direction"],
"correctAnswer": "B",
"explanation": "[red]Distance on the ground[/red] is correct because the bottom number (denominator) shows how many of those same units exist in the [blue]actual real-world distance[/blue].",
"explanationUrdu": "[red]زمین پر فاصلہ[/red] درست ہے کیونکہ کسر کا نچلا حصہ (نسب نما) یہ ظاہر کرتا ہے کہ [blue]حقیقی دنیا میں اسی اکائی کے کتنے فاصلے[/blue] موجود ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which two formats can a Representative Fraction (RF) scale be written and shown?",
"urdu": "رپریزنٹیٹو فریکشن (RF) پیمانے کو کن دو فارمیٹس میں لکھا اور دکھایا جا سکتا ہے؟",
"options": ["Words and lines", "Fraction and ratio", "Colors and shapes", "Pictures and symbols"],
"correctAnswer": "B",
"explanation": "[red]Fraction and ratio[/red] is correct as an RF scale can be written as a [blue]fraction like 1/100,000[/blue] or as a ratio like 1:100,000.",
"explanationUrdu": "[red]کسر اور تناسب (Fraction and ratio)[/red] درست ہے کیونکہ آر ایف پیمانے کو [blue]کسر کی شکل[/blue] یا تناسب کی شکل میں لکھا جا سکتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Kinds of Map",
"question": "How many different kinds of maps are listed?",
"urdu": "نقشے کی کتنی مختلف اقسام کی فہرست دی گئی ہے؟",
"options": ["Two kinds", "Ten kinds", "Five kinds", "Three kinds"],
"correctAnswer": "C",
"explanation": "[red]Five kinds[/red] is correct because political, tourist, weather, topographical, and road maps serve as [blue]the major types[/blue].",
"explanationUrdu": "[red]پانچ اقسام[/red] درست ہے کیونکہ متن میں سیاسی، سیاحتی، موسمی، ٹوپوگرافیکل اور سڑکوں کے نقشوں کو [blue]بڑی اقسام[/blue] کے طور پر درج کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a map used for finding out international borders, countries, and capitals called?",
"urdu": "بین الاقوامی سرحدوں، ممالک اور دارالحکومتوں کو معلوم کرنے کے لیے استعمال ہونے والا نقشہ کیا کہلاتا ہے؟",
"options": ["Weather map", "Political map", "Road map", "Topographical map"],
"correctAnswer": "B",
"explanation": "[red]Political map[/red] is correct because it is specifically designed to show [blue]governmental boundaries and administrative divisions[/blue].",
"explanationUrdu": "[red]سیاسی نقشہ (Political map)[/red] درست ہے کیونکہ یہ خاص طور پر [blue]حکومتی حدود اور انتظامی تقسیم[/blue] کو ظاہر کرنے کے لیے ڈیزائن کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For whom are tourist maps specifically made?",
"urdu": "سیاحتی نقشے (Tourist maps) خاص طور پر کن کے لیے بنائے جاتے ہیں؟",
"options": ["For soldiers", "For tourists", "For farmers", "For scientists"],
"correctAnswer": "B",
"explanation": "[red]For tourists[/red] is correct because these maps help travelers find [blue]local attractions, roads, and landmarks[/blue] in a new area.",
"explanationUrdu": "[red]سیاحوں (Tourists) کے لیے[/red] درست ہے کیونکہ یہ نقشے مسافروں کو نئے علاقے میں [blue]مقامی پرکشش مقامات، سڑکیں اور نشانات[/blue] تلاش کرنے میں مدد دیتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do tourists primarily use tourist maps for?",
"urdu": "سیاح بنیادی طور پر سیاحتی نقشوں کو کس لیے استعمال کرتے ہیں؟",
"options": ["For growing crops", "For getting information about a place", "For prediction of rain", "For road construction"],
"correctAnswer": "B",
"explanation": "[red]For getting information about a place[/red] is correct as tourist maps display details about [blue]major landmarks and visiting sites[/blue].",
"explanationUrdu": "[red]کسی جگہ کے بارے میں معلومات حاصل کرنے کے لیے[/red] درست ہے کیونکہ سیاحتی نقشے [blue]اہم مقامات اور تفریحی مقامات[/blue] کے بارے میں تفصیلات ظاہر کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What detailed features are typically shown on a tourist map?",
"urdu": "سیاحتی نقشے پر عام طور پر کون سی تفصیلی خصوصیات دکھائی جاتی ہیں؟",
"options": ["Soil chemicals", "Pictures of sites and roads", "Only wind speed", "Mountain heights only"],
"correctAnswer": "B",
"explanation": "[red]Pictures of sites and roads[/red] is correct because [blue]visual cues and pathway layouts[/blue] help tourists navigate and recognize famous destinations.",
"explanationUrdu": "[red]مقامات کی تصاویر اور سڑکیں[/red] درست ہے کیونکہ [blue]تصویری اشارے اور راستے[/blue] سیاحوں کو مشہور مقامات کو پہچانے اور وہاں پہنچنے میں مدد دیتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a weather map used to show?",
"urdu": "موسمی نقشہ (Weather map) کیا دکھانے کے لیے استعمال ہوتا ہے؟",
"options": ["Deep gold mines", "Weather conditions of an area", "City bus routes", "Only mountain valleys"],
"correctAnswer": "B",
"explanation": "[red]Weather conditions of an area[/red] is correct because these maps display [blue]atmospheric data[/blue] such as temperature, rain, and wind for a specific region.",
"explanationUrdu": "[red]کسی علاقے کے موسم کے حالات[/red] درست ہے کیونکہ یہ نقشے کسی مخصوص علاقے کے [blue]درجہ حرارت، بارش اور ہوا[/blue] جیسے ماحولیاتی ڈیٹا کو ظاہر کرتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is used on a weather map to show the climate conditions at a particular time?",
"urdu": "موسم کے نقشے پر کسی خاص وقت کے حالات دکھانے کے لیے کیا استعمال کیا جاتا ہے؟",
"options": ["Long text stories", "Different signs (symbols)", "Audio recordings", "Video files"],
"correctAnswer": "B",
"explanation": "[red]Different signs (symbols)[/red] is correct because symbols like a [blue]sun or cloud icon[/blue] are universally understood representations of weather states.",
"explanationUrdu": "[red]مختلف نشانات (signs)[/red] درست ہے کیونکہ [blue]سورج یا بادل[/blue] جیسے نشانات موسم کی صورتحال کو ظاہر کرنے کے لیے دنیا بھر میں استعمال ہوتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which map is used to show Earth's physical features like mountains, valleys, and plains?",
"urdu": "زمین کی قدرتی خصوصیات جیسے پہاڑ، وادیاں اور میدان دکھانے کے لیے کون سا نقشہ استعمال ہوتا ہے؟",
"options": ["Road map", "Topographical map", "Political map", "Tourist map"],
"correctAnswer": "B",
"explanation": "[red]Topographical map[/red] is correct because it focuses on displaying the [blue]physical shape, elevation, and landforms[/blue] of the Earth's surface.",
"explanationUrdu": "[red]ٹوپوگرافیکل نقشہ (Topographical map)[/red] درست ہے کیونکہ یہ [blue]زمین کی سطح کی طبعی شکل، اونچائی اور خدوخال[/blue] کو ظاہر کرنے پر مرکوز ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What specific lines are used to represent physical features on a topographical map?",
"urdu": "ٹوپوگرافیکل نقشے پر طبعی خصوصیات کو ظاہر کرنے کے لیے کون سی مخصوص لکیریں استعمال ہوتی ہیں؟",
"options": ["Straight borders", "Contour lines", "Road lines", "Boundary limits"],
"correctAnswer": "B",
"explanation": "[red]Contour lines[/red] is correct because these lines connect [blue]points of equal elevation[/blue] to map out the shape of hills and valleys.",
"explanationUrdu": "[red]کنٹور لائنز (Contour lines)[/red] درست ہے کیونکہ یہ لکیریں پہاڑیوں اور وادیوں کی شکل کو ظاہر کرنے کے لیے [blue]یکساں اونچائی والے پوائنٹس[/blue] کو ملاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What do the contour lines on a topographical map represent?",
"urdu": "ٹوپوگرافیکل نقشے پر کنٹور لائنیں (contour lines) کس چیز کو ظاہر کرتی ہیں؟",
"options": ["The road quality", "The altitude/height of a place", "The population of a city", "The size of a forest"],
"correctAnswer": "B",
"explanation": "[red]The altitude/height of a place[/red] is correct because contour lines show [blue]how high a land feature rises[/blue] above sea level.",
"explanationUrdu": "[red]کسی جگہ کی اونچائی (Altitude/height)[/red] درست ہے کیونکہ کنٹور لکیریں یہ بتاتی ہیں کہ [blue]کوئی پہاڑی یا زمین سطح سمندر سے کتنی بلند[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does a road map show to help travelers?",
"urdu": "سڑک کا نقشہ (Road map) مسافروں کی مدد کے لیے کیا دکھاتا ہے؟",
"options": ["Soil types and rocks", "Places, highways, roads, and railway lines", "Weather changes only", "Names of old kings"],
"correctAnswer": "B",
"explanation": "[red]Places, highways, roads, and railway lines[/red] is correct because these pathways are [blue]essential for planning routes[/blue] and traveling between destinations.",
"explanationUrdu": "[red]مقامات, شاہراہیں, سڑکیں اور ریلوے لائنیں[/red] درست ہے کیونکہ یہ راستے [blue]سفر کی منصوبہ بندی کرنے اور منزلوں کے درمیان سفر[/blue] کے لیے ضروری ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Lines of Latitude and Longitude",
"question": "What are the horizontal and vertical lines on a map called collectively?",
"urdu": "نقشے پر موجود افقی (horizontal) اور عمودی (vertical) لکیروں کو مجموعی طور پر کیا کہا جاتا ہے؟",
"options": ["Legend", "Scale", "Grid", "Border"],
"correctAnswer": "C",
"explanation": "[red]Grid[/red] is correct because it refers to the [blue]pattern of intersecting lines[/blue] used to locate coordinates on a map.",
"explanationUrdu": "[red]گرڈ (Grid)[/red] درست ہے کیونکہ یہ [blue]ان لکیروں کے نمونے[/blue] کو کہتے ہیں جو نقشے پر پوزیشن معلوم کرنے کے لیے بنائی جاتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the imaginary lines of the map grid called?",
"urdu": "نقشے کے گرڈ کی فرضی لکیروں (imaginary lines) کو کیا کہا جاتا ہے؟",
"options": ["Borders and boundaries", "Lines of latitude and longitude", "Scale and title", "River and roads"],
"correctAnswer": "B",
"explanation": "[red]Lines of latitude and longitude[/red] is correct because these imaginary lines help [blue]divide the Earth's surface[/blue] into a coordinate system.",
"explanationUrdu": "[red]طول البلد اور عرض البلد کی لکیریں[/red] درست ہے کیونکہ یہ فرضی لکیریں [blue]زمین کی سطح کو ایک پورے سسٹم میں تقسیم[/blue] کرنے میں مدد دیتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What can be found out on a globe or map using the lines of latitude and longitude?",
"urdu": "گلوب یا نقشے پر طول البلد اور عرض البلد کی لکیروں کی مدد سے کیا معلوم کیا جا سکتا ہے؟",
"options": ["The price of land", "The location of an area or place", "The color of soil", "The size of trees"],
"correctAnswer": "B",
"explanation": "[red]The location of an area or place[/red] is correct because the [blue]intersection of latitude and longitude[/blue] gives the exact coordinates of any spot.",
"explanationUrdu": "[red]کسی علاقے یا جگہ کا محل وقوع[/red] درست ہے کیونکہ [blue]طول البلد اور عرض البلد کا باہمی ملاپ[/blue] زمین پر موجود کسی بھی جگہ کے بالکل درست پتے کو ظاہر کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Lines of Latitude",
"question": "What are the imaginary horizontal lines on a map from east to west called?",
"urdu": "مشرق سے مغرب کی طرف نقشے پر موجود فرضی افقی لکیروں کو کیا کہتے ہیں؟",
"options": ["Longitudes", "Latitudes", "Borders", "Grids"],
"correctAnswer": "B",
"explanation": "[red]Latitudes[/red] is correct because these imaginary lines circle the Earth horizontally to help [blue]determine positions north or south[/blue] of the equator.",
"explanationUrdu": "[red]عرض البلد (Latitudes)[/red] درست ہے کیونکہ یہ فرضی لکیریں زمین کے گرد افقی طور پر گردش کرتی ہیں تاکہ [blue]خطِ استوا کے شمال یا جنوب[/blue] میں مقامات کا تعین کیا جا سکے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the representation of the Earth or any part of it on plain paper called?",
"urdu": "سادہ کاغذ پر زمین یا اس کے کسی حصے کی عکاسی کو کیا کہا جاتا ہے؟",
"options": ["Prime Meridian", "Axis", "Equator", "Border"],
"correctAnswer": "C",
"explanation": "[red]Equator[/red] is correct because it is the primary line of latitude located [blue]exactly midway between[/blue] the North and South Poles at 0° latitude.",
"explanationUrdu": "[red]خطِ استوا (Equator)[/red] درست ہے کیونکہ یہ 0 ڈگری پر واقع عرض البلد کی سب سے لمبی اور بنیادی لکیر ہے جو [blue]قطبین کے بالکل درمیان[/blue] میں واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How does the Equator divide the Earth horizontally?",
"urdu": "خطِ استوا زمین کو افقی طور پر کیسے تقسیم کرتا ہے؟",
"options": ["Into four parts", "Into two equal parts", "Unlevelled parts", "It does not divide"],
"correctAnswer": "B",
"explanation": "[red]Into two equal parts[/red] is correct as the Equator splits the globe into the [blue]Northern Hemisphere and the Southern Hemisphere[/blue].",
"explanationUrdu": "[red]دو برابر حصوں میں[/red] درست ہے کیونکہ خطِ استوا زمین کو [blue]شمالی اور جنوبی نصف کرہ[/blue] (Hemispheres) میں برابر تقسیم کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do lines of latitude run in relation to the Equator?",
"urdu": "عرض البلد کی لکیریں خطِ استوا کے لحاظ سے کیسے چلتی ہیں؟",
"options": ["Vertical", "Crossed", "Parallel", "Diagonal"],
"correctAnswer": "C",
"explanation": "[red]Parallel[/red] is correct because lines of latitude run in the same direction as the Equator and [blue]never cross or meet[/blue] each other.",
"explanationUrdu": "[red]متوازی (Parallel)[/red] درست ہے کیونکہ عرض البلد کی لکیریں خطِ استوا کے ساتھ ساتھ چلتی ہیں اور [blue]کبھی ایک دوسرے کو قطع نہیں کرتیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many lines of latitude are there in total?",
"urdu": "عرض البلد کی کل کتنی لکیریں ہیں؟",
"options": ["360 lines", "180 lines", "90 lines", "100 lines"],
"correctAnswer": "B",
"explanation": "[red]180 lines[/red] is correct because the global coordinate system divides the Earth into [blue]180 degrees of latitude[/blue] from pole to pole.",
"explanationUrdu": "[red]180 لکیریں[/red] درست ہے کیونکہ زمین کی پیمائش کے نظام کے تحت قطب سے قطب تک عرض البلد کی [blue]کل 180 لکیریں[/blue] بنتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many lines of latitude are located in the north of the Equator?",
"urdu": "خطِ استوا کے شمال میں عرض البلد کی کتنی لکیریں واقع ہیں؟",
"options": ["180 lines", "90 lines", "45 lines", "360 lines"],
"correctAnswer": "B",
"explanation": "[red]90 lines[/red] is correct because there are exactly [blue]90 degrees of latitude[/blue] from the Equator to the geographic North Pole.",
"explanationUrdu": "[red]90 لکیریں[/red] درست ہے کیونکہ خطِ استوا سے لے کر شمالی قطب تک عرض البلد کی [blue]ٹھیک 90 لکیریں[/blue] بنتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many lines of latitude are located in the south of the Equator?",
"urdu": "خطِ استوا के दक्षिण में عرض البلد کی کتنی لکیریں واقع ہیں؟",
"options": ["90 lines", "180 lines", "360 lines", "50 lines"],
"correctAnswer": "A",
"explanation": "[red]90 lines[/red] is correct as there are [blue]90 degrees of latitude[/blue] extending from the Equator down to the geographic South Pole.",
"explanationUrdu": "[red]90 لکیریں[/red] درست ہے کیونکہ خطِ استوا سے لے کر جنوبی قطب تک عرض البلد کی [blue]ٹھیک 90 لکیریں[/blue] بنتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What can lines of latitude be used to find out besides location?",
"urdu": "محل وقوع کے علاوہ عرض البلد کی لکیریں کیا معلوم کرنے کے لیے استعمال کی جا سکتی ہیں؟",
"options": ["Time zones", "Distance between two places", "Depth of oceans", "Height of mountains"],
"correctAnswer": "B",
"explanation": "[red]Distance between two places[/red] is correct because each degree of latitude represents a [blue]consistent physical distance[/blue] on the Earth's surface.",
"explanationUrdu": "[red]دو مقامات کے درمیان فاصلہ[/red] درست ہے کیونکہ عرض البلد کا ہر درجہ زمین کی سطح پر ایک [blue]مخصوص اور مستقل فاصلے[/blue] کی نمائندگی کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Lines of Longitude",
"question": "What are the imaginary vertical lines on a globe or map from north to south called?",
"urdu": "شمال سے جنوب کی طرف گلوب یا نقشے پر موجود فرضی عمودی لکیروں کو کیا کہتے ہیں؟",
"options": ["Latitudes", "Longitudes", "Borders", "Scales"],
"correctAnswer": "B",
"explanation": "[red]Longitudes[/red] is correct because these imaginary lines run vertically around the globe, [blue]connecting the North and South Poles[/blue].",
"explanationUrdu": "[red]طول البلد (Longitudes)[/red] درست ہے کیونکہ یہ فرضی لکیریں کرہ ارض پر عمودی طور پر چلتی ہیں اور [blue]شمالی اور جنوبی قطبین کو ملاتی[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the line of 0° longitude called?",
"urdu": "صفر ڈگری (0°) طول البلد کی لکیر کو کیا کہا جاتا ہے؟",
"options": ["Equator", "Axis", "Prime Meridian", "Boundary"],
"correctAnswer": "C",
"explanation": "[red]Prime Meridian[/red] is correct because it is the [blue]starting line of longitude[/blue], designated as 0° to measure distances east and west.",
"explanationUrdu": "[red]پرائم میریڈین (Prime Meridian)[/red] درست ہے کیونکہ یہ طول البلد کی بنیادی لکیر ہے جسے مشرق اور مغرب کے فاصلے ناپنے کے لیے [blue]0 ڈگری مقرر[/blue] کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Through which place in England does the Prime Meridian pass?",
"urdu": "انگلینڈ کے کس مقام سے پرائم میریڈین (Prime Meridian) گزرتی ہے؟",
"options": ["London city", "Greenwich", "Manchester", "Oxford"],
"correctAnswer": "B",
"explanation": "[red]Greenwich[/red] is correct because the [blue]Royal Observatory in Greenwich[/blue], England, is the internationally agreed location for the 0° longitude.",
"explanationUrdu": "[red]گرین وچ (Greenwich)[/red] درست ہے کیونکہ انگلینڈ کا یہ مقام بین الاقوامی طور پر [blue]0 ڈگری طول البلد کے لیے منتخب[/blue] کیا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How does the Prime Meridian divide the Earth?",
"urdu": "پرائم میریڈین زمین کو کس طرح تقسیم کرتی ہے؟",
"options": ["Horizontally", "Vertically into two equal parts", "Unlevelled parts", "It does not divide"],
"correctAnswer": "B",
"explanation": "[red]Vertically into two equal parts[/red] is correct because the Prime Meridian splits the Earth into the [blue]Eastern Hemisphere and the Western Hemisphere[/blue].",
"explanationUrdu": "[red]عمودی طور پر دو برابر حصوں میں[/red] درست ہے کیونکہ پرائم میریڈین زمین کو [blue]مشرقی اور مغربی نصف کرہ[/blue] میں تقسیم کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many lines of longitude are there in total?",
"urdu": "طول البلد کی کل کتنی لکیریں ہیں؟",
"options": ["180 lines", "90 lines", "360 lines", "100 lines"],
"correctAnswer": "C",
"explanation": "[red]360 lines[/red] is correct because the Earth is divided into [blue]360 degrees of longitude[/blue], with each line representing one degree of a full circle.",
"explanationUrdu": "[red]360 لکیریں[/red] درست ہے کیونکہ زمین کی پیمائش کے نظام کے تحت طول البلد کی [blue]کل 360 لکیریں[/blue] بنتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many lines of longitude are located in the east of the Prime Meridian?",
"urdu": "پرائم میریڈین کے مشرق میں طول البلد کی کتنی لکیریں واقع ہیں؟",
"options": ["90 lines", "180 lines", "360 lines", "50 lines"],
"correctAnswer": "B",
"explanation": "[red]180 lines[/red] is correct because the Eastern Hemisphere spans [blue]180 degrees east[/blue] of the starting Prime Meridian.",
"explanationUrdu": "[red]180 لکیریں[/red] درست ہے کیونکہ پرائم میریڈین سے مشرق کی طرف [blue]کل 180 لکیریں[/blue] واقع ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many lines of longitude are located in the west of the Prime Meridian?",
"urdu": "پرائم میریڈین کے مغرب میں طول البلد کی کتنی لکیریں واقع ہیں؟",
"options": ["180 lines", "90 lines", "360 lines", "45 lines"],
"correctAnswer": "A",
"explanation": "[red]180 lines[/red] is correct because the Western Hemisphere extends [blue]180 degrees west[/blue] of the Prime Meridian.",
"explanationUrdu": "[red]180 لکیریں[/red] درست ہے کیونکہ پرائم میریڈین سے مغرب کی طرف [blue]کل 180 لکیریں[/blue] واقع ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What can we find out between two countries with the help of lines of longitude?",
"urdu": "طول البلد کی لکیروں کی مدد سے ہم دو ممالک کے درمیان کیا معلوم کر سکتے ہیں؟",
"options": ["Distance in miles", "The difference of time", "Depth of sea", "Height of mountains"],
"correctAnswer": "B",
"explanation": "[red]The difference of time[/red] is correct because as the Earth rotates, different longitudes experience [blue]sunrise and sunset[/blue] at different times.",
"explanationUrdu": "[red]وقت کا فرق (Difference of time)[/red] درست ہے کیونکہ زمین کے گھومنے کے ساتھ [blue]مختلف طول البلد پر الگ وقت[/blue] ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is identified as an important line of longitude?",
"urdu": "درج ذیل میں سے کسے طول البلد کی ایک اہم لکیر کے طور پر پہچانا گیا ہے؟",
"options": ["Equator", "Prime Meridian", "Scale", "Border"],
"correctAnswer": "B",
"explanation": "[red]Prime Meridian[/red] is correct because it serves as the [blue]base line for longitude[/blue], just as the Equator does for latitude.",
"explanationUrdu": "[red]پرائم میریڈین[/red] درست ہے کیونکہ یہ [blue]طول البلد کی بنیادی لکیر[/blue] ہے، جیسے خطِ استوا عرض البلد کی بنیاد ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is identified as an important line of latitude?",
"urdu": "درج ذیل میں سے کسے عرض البلد کی ایک اہم لکیر کے طور پر پہچانا گیا ہے؟",
"options": ["Prime Meridian", "Axis", "Equator", "Grid"],
"correctAnswer": "C",
"explanation": "[red]Equator[/red] is correct because it is the most significant latitude line that marks the [blue]center of the Earth horizontally[/blue].",
"explanationUrdu": "[red]خطِ استوا (Equator)[/red] درست ہے کیونکہ یہ عرض البلد کی سب سے اہم لکیر ہے جو زمین کو [blue]افقی طور پر درمیان سے تقسیم[/blue] کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Important Lines of Latitude",
"question": "What is the position of the Arctic Circle relative to the Equator?",
"urdu": "خطِ استوا کے لحاظ سے آرکٹک سرکل (Arctic circle) کی پوزیشن کیا ہے؟",
"options": ["23.5° North", "66.5° North", "66.5° South", "0° Latitude"],
"correctAnswer": "B",
"explanation": "[red]66.5° North[/red] is correct because the Arctic Circle is the major line of latitude located in the [blue]northern hemisphere[/blue] at this degree.",
"explanationUrdu": "[red]66.5 ڈگری شمال[/red] درست ہے کیونکہ آرکٹک سرکل اس مقام پر واقع [blue]شمالی نصف کرہ کا ایک اہم خطِ عرض البلد[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the position of the Tropic of Cancer?",
"urdu": "ٹراپک آف کینسر (Tropic of Cancer) کی پوزیشن کیا ہے؟",
"options": ["23.5° North", "23.5° South", "66.5° North", "0° Latitude"],
"correctAnswer": "A",
"explanation": "[red]23.5° North[/red] is correct because the Tropic of Cancer is the boundary of the [blue]tropics in the northern hemisphere[/blue].",
"explanationUrdu": "[red]23.5 ڈگری شمال[/red] درست ہے کیونکہ ٹراپک آف کینسر [blue]شمالی نصف کرہ[/blue] میں خطِ استوا سے اوپر اس مقام پر واقع ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On what degree of latitude is the Equator located?",
"urdu": "خطِ استوا عرض البلد کے کتنے درجے پر واقع ہے؟",
"options": ["90°", "66.5°", "0°", "23.5°"],
"correctAnswer": "C",
"explanation": "[red]0°[/red] is correct because the Equator is the starting point or [blue]reference line for measuring[/blue] all other latitudes on Earth.",
"explanationUrdu": "[red]0 ڈگری[/red] درست ہے کیونکہ خطِ استوا عرض البلد کی [blue]بنیادی لکیر[/blue] ہے جہاں سے باقی تمام لکیروں کی پیمائش شروع ہوتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How does the Equator on 0° latitude divide the Earth?",
"urdu": "0 ڈگری پر واقع خطِ استوا زمین کو کیسے تقسیم کرتا ہے؟",
"options": ["Into four parts", "Into two equal parts", "Into many small islands", "It does not divide"],
"correctAnswer": "B",
"explanation": "[red]Into two equal parts[/red] is correct because the Equator splits the globe evenly into the [blue]Northern and Southern Hemispheres[/blue].",
"explanationUrdu": "[red]دو برابر حصوں میں[/red] درست ہے کیونکہ خطِ استوا زمین کو برابری کی بنیاد پر [blue]شمالی اور جنوبی نصف کرہ[/blue] میں تقسیم کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the position of the Tropic of Capricorn?",
"urdu": "ٹراپک آف کیپریکارن (Tropic of Capricorn) کی پوزیشن کیا ہے؟",
"options": ["23.5° North", "23.5° South", "66.5° South", "0° Latitude"],
"correctAnswer": "B",
"explanation": "[red]23.5° South[/red] is correct because the Tropic of Capricorn is the southern boundary of the [blue]tropical zone[/blue] on Earth.",
"explanationUrdu": "[red]23.5 ڈگری جنوب[/red] درست ہے کیونکہ ٹراپک آف کیپریکارن [blue]جنوبی نصف کرہ[/blue] میں واقع ایک اہم خطِ عرض البلد ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the position of the Antarctic Circle?",
"urdu": "انٹارکٹک سرکل (Antarctic Circle) کی پوزیشن کیا ہے؟",
"options": ["66.5° North", "23.5° South", "66.5° South", "0° Latitude"],
"correctAnswer": "C",
"explanation": "[red]66.5° South[/red] is correct because the Antarctic Circle is the major line of latitude located in the [blue]southern polar region[/blue].",
"explanationUrdu": "[red]66.5 ڈگری جنوب[/red] درست ہے کیونکہ انٹارکٹک سرکل [blue]جنوبی قطبی علاقے[/blue] میں واقع ایک اہم خطِ عرض البلد ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How much distance does 1 line of latitude approximately represent on Earth?",
"urdu": "عرض البلد کی 1 لکیر زمین پر تقریباً کتنے فاصلے کی نمائندگی کرتی ہے؟",
"options": ["11 kilometers", "111 kilometers", "500 kilometers", "1000 kilometers"],
"correctAnswer": "B",
"explanation": "[red]111 kilometers[/red] is correct because each degree of latitude is separated by a [blue]consistent distance[/blue] of about 111 kilometers on the ground.",
"explanationUrdu": "[red]تقریباً 111 کلومیٹر[/red] درست ہے کیونکہ عرض البلد کا ہر درجہ زمین کی سطح پر تقریباً [blue]111 کلومیٹر کے مستقل فاصلے[/blue] کے برابر ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How much time difference does 1 line (degree) of longitude represent as the Earth rotates?",
"urdu": "زمین کے گھومنے کے دوران طول البلد کی 1 لکیر (درجہ) کتنے وقت کے فرق کو ظاہر کرتی ہے؟",
"options": ["1 hour", "4 minutes", "10 minutes", "24 hours"],
"correctAnswer": "B",
"explanation": "[red]4 minutes[/red] is correct because as the Earth spins, it takes about [blue]four minutes[/blue] for the sun to move across one degree of longitude.",
"explanationUrdu": "[red]4 منٹ[/red] درست ہے کیونکہ زمین کی محوری گردش کے دوران ہر ایک طول البلد کے اوپر سے گزرنے میں سورج کو [blue]4 منٹ کا وقت[/blue] لگتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Time Zones",
"question": "In which year was the Prime Meridian accepted as 0° longitude in an international conference?",
"urdu": "کس سال ایک بین الاقوامی کانفرنس میں پرائم میریڈین کو 0 ڈگری طول البلد تسلیم کیا گیا؟",
"options": ["1947 AD", "1884 AD", "1930 AD", "1857 AD"],
"correctAnswer": "B",
"explanation": "[red]1884 AD[/red] is correct because this was the year of the [blue]International Meridian Conference[/blue] in Washington, D.C., where the prime meridian was established.",
"explanationUrdu": "[red]1884 عیسوی[/red] درست ہے کیونکہ یہ واشنگٹن میں ہونے والی اس [blue]بین الاقوامی کانفرنس کا سال[/blue] ہے جہاں دنیا کا بنیادی نصف النہار (Prime Meridian) طے کیا گیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the standard time of the Prime Meridian at Greenwich officially called?",
"urdu": "گرین وچ پر پرائم میریڈین کے معیاری وقت کو باضابطہ طور پر کیا کہا جاتا ہے؟",
"options": ["Pakistan Standard Time", "Greenwich Mean Time (GMT)", "Pacific Time", "Solar Time"],
"correctAnswer": "B",
"explanation": "[red]Greenwich Mean Time (GMT)[/red] is correct as it is the historical standard time used as a [blue]reference point[/blue] for all other time zones globally.",
"explanationUrdu": "[red]گرین وچ مین ٹائم (GMT)[/red] درست ہے کیونکہ یہ وہ تاریخی معیاری وقت ہے جسے دنیا بھر کے دیگر تمام ٹائم زونز کے لیے ایک [blue]بنیادی ریفرنس[/blue] مانا گیا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many time zones were created to represent the twenty-four hours of the day?",
"urdu": "دن کے چوبیس گھنٹوں کی نمائندگی کے لیے دنیا کو کتنے ٹائم زونز میں تقسیم کیا گیا ہے؟",
"options": ["12 time zones", "24 time zones", "36 time zones", "50 time zones"],
"correctAnswer": "B",
"explanation": "[red]24 time zones[/red] is correct because each zone represents [blue]one hour[/blue] of the Earth's daily 24-hour rotation.",
"explanationUrdu": "[red]24 ٹائم زونز[/red] درست ہے کیونکہ ہر زون زمین کی روزانہ کی 24 گھنٹے کی گردش کے [blue]ایک گھنٹے کی نمائندگی[/blue] کرتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many time zones are located in the east of Greenwich?",
"urdu": "گرین وچ کے مشرق میں کتنے ٹائم زونز واقع ہیں؟",
"options": ["24 zones", "12 zones", "6 zones", "18 zones"],
"correctAnswer": "B",
"explanation": "[red]12 zones[/red] is correct because the 24 global time zones are split equally, with [blue]12 situated in the Eastern Hemisphere[/blue].",
"explanationUrdu": "[red]12 زونز[/red] درست ہے کیونکہ دنیا کے کل 24 ٹائم زونز کو برابر تقسیم کیا گیا ہے، جس میں سے [blue]12 مشرقی نصف کرہ[/blue] میں ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many time zones are located in the west of Greenwich?",
"urdu": "گرین وچ کے مغرب میں کتنے ٹائم زونز واقع ہیں؟",
"options": ["12 zones", "24 zones", "36 zones", "10 zones"],
"correctAnswer": "A",
"explanation": "[red]12 zones[/red] is correct as the Western Hemisphere contains [blue]12 of the 24 hourly time zones[/blue] measured from the Prime Meridian.",
"explanationUrdu": "[red]12 زونز[/red] درست ہے کیونکہ مغربی نصف کرہ میں پرائم میریڈین سے ناپے جانے والے کل 24 ٹائم زونز میں سے [blue]12 واقع[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What happens to the time for each time zone as you travel eastwards from Greenwich?",
"urdu": "جب آپ گرین وچ سے مشرق کی طرف سفر کرتے ہیں تو ہر ٹائم زون کے وقت کے ساتھ کیا ہوتا ہے؟",
"options": ["Loses one hour", "Gains one hour", "Stays the same", "Jumps by 5 hours"],
"correctAnswer": "B",
"explanation": "[red]Gains one hour[/red] is correct because moving eastwards means traveling toward the direction of the Earth's rotation, where [blue]the sun rises earlier[/blue].",
"explanationUrdu": "[red]ایک گھنٹہ بڑھ جاتا ہے (Gains)[/red] درست ہے کیونکہ مشرق کی طرف جانے کا مطلب زمین کی گردش کی سمت سفر کرنا ہے، جہاں [blue]سورج جلدی طلوع[/blue] ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What happens to the time for each time zone as you travel westwards from Greenwich?",
"urdu": "جب آپ گرین وچ سے مغرب کی طرف سفر کرتے ہیں تو ہر ٹائم زون کے وقت کے ساتھ کیا ہوتا ہے؟",
"options": ["Gains one hour", "Loses one hour", "It becomes night", "No change in time"],
"correctAnswer": "B",
"explanation": "[red]Loses one hour[/red] is correct because moving westwards goes against the Earth's rotation, causing the local time to be [blue]behind Greenwich[/blue].",
"explanationUrdu": "[red]ایک گھنٹہ کم ہو جاتا ہے (Loses)[/red] درست ہے کیونکہ مغرب کی طرف جانے سے مقامی وقت [blue]گرین وچ کے وقت سے پیچھے[/blue] ہو جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which time zone is Pakistan located?",
"urdu": "پاکستان کس ٹائم زون میں واقع ہے؟",
"options": ["-5 time zone", "+5 time zone", "+12 time zone", "0 time zone"],
"correctAnswer": "B",
"explanation": "[red]+5 time zone[/red] is correct because Pakistan is located in the Eastern Hemisphere, [blue]five hours ahead[/blue] of the Prime Meridian.",
"explanationUrdu": "[red]+5 ٹائم زون[/red] درست ہے کیونکہ پاکستان مشرقی نصف کرہ میں واقع ہے، جو [blue]پرائم میریڈین (GMT) سے پانچ گھنٹے آگے[/blue] ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many hours is Pakistan's local time ahead of Greenwich Mean Time (GMT)?",
"urdu": "پاکستان کا مقامی وقت گرین وچ مین ٹائم (GMT) سے کتنے گھنٹے آگے ہے؟",
"options": ["2 hours", "10 hours", "5 hours", "12 hours"],
"correctAnswer": "C",
"explanation": "[red]5 hours[/red] is correct because Pakistan's geographical position puts it exactly [blue]five hourly zones to the east[/blue] of Greenwich.",
"explanationUrdu": "[red]5 گھنٹے[/red] درست ہے کیونکہ پاکستان کا جغرافیائی محل وقوع اسے گرین وچ سے بالکل [blue]پانچ گھنٹے مشرق کے ٹائم زون[/blue] میں رکھتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "If the time at Greenwich is 07:00 AM, what will be the local time in Pakistan?",
"urdu": "اگر گرین وچ پر صبح کے 07:00 بجے ہوں، تو پاکستان میں مقامی وقت کیا ہوگا؟",
"options": ["07:00 PM", "12:00 PM (Noon)", "02:00 AM", "12:00 AM (Midnight)"],
"correctAnswer": "B",
"explanation": "[red]12:00 PM (Noon)[/red] is correct because adding 5 hours to 07:00 AM results in [blue]exactly 12:00 noon[/blue] in Pakistan.",
"explanationUrdu": "[red]دوپہر کے 12:00 بجے[/red] درست ہے کیونکہ صبح 7:00 بجے میں 5 گھنٹے جمع کرنے سے پاکستان میں [blue]ٹھیک دوپہر کے 12:00[/blue] بج جاتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many lines of longitude are contained in each hourly time zone strip on Earth?",
"urdu": "زمین پر وقت کے مطابق ہر ایک گھنٹے کی پٹی (Time zone) میں طول البلد کی کتنی لکیریں شامل ہوتی ہیں؟",
"options": ["5 lines", "15 lines", "30 lines", "90 lines"],
"correctAnswer": "B",
"explanation": "[red]15 lines[/red] is correct because dividing the 360 degrees of Earth's rotation by 24 hours equals exactly [blue]15 degrees or lines of longitude[/blue] per hour.",
"explanationUrdu": "[red]15 لکیریں[/red] درست ہے کیونکہ زمین کی گردش کے 360 ڈگری کو جب 24 گھنٹوں پر تقسیم کیا جائے تو ہر گھنٹے کے لیے [blue]طول البلد کی ٹھیک 15 لکیریں[/blue] بنتی ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many degrees of longitude does the Earth pass per hour facing the sun?",
"urdu": "سورج کے سامنے زمین ہر گھنٹے میں طول البلد کے کتنے درجے (degrees) طے کرتی ہے؟",
"options": ["5°", "15°", "30°", "90°"],
"correctAnswer": "B",
"explanation": "[red]15°[/red] is correct because the Earth rotates [blue]15 degrees of longitude in one hour[/blue] to complete its daily cycle.",
"explanationUrdu": "[red]15 ڈگری[/red] درست ہے کیونکہ زمین ہر ایک گھنٹے میں [blue]طول البلد کے 15 درجے گھومتی ہے[/blue] تاکہ اپنا روزانہ کا چکر مکمل کر سکے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many total degrees of longitude does the Earth complete in one full rotation?",
"urdu": "زمین ایک مکمل چکر (rotation) میں طول البلد کے کل کتنے درجے مکمل کرتی ہے؟",
"options": ["180°", "90°", "360°", "100°"],
"correctAnswer": "C",
"explanation": "[red]360°[/red] is correct because one complete rotation of the spherical Earth represents a [blue]full 360-degree circle[/blue].",
"explanationUrdu": "[red]360 ڈگری[/red] درست ہے کیونکہ گول زمین کی ایک مکمل محوری گردش [blue]پورے 360 ڈگری کے دائرے[/blue] کی نمائندگی کرتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many degrees of longitude does each individual time zone consist of?",
"urdu": "وقت کا ہر ایک زون (Time zone) طول البلد کے کتنے درجے پر مشتمل ہوتا ہے؟",
"options": ["15°", "30°", "45°", "5°"],
"correctAnswer": "A",
"explanation": "[red]15°[/red] is correct because each hourly time zone is mathematically aligned with [blue]15 degrees of the Earth's rotation[/blue].",
"explanationUrdu": "[red]15 ڈگری[/red] درست ہے کیونکہ ہر ایک گھنٹے کا ٹائم زون ریاضیاتی طور پر زمین کی گردش کے [blue]15 ڈگری کے برابر[/blue] ہوتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why are there exactly 24 time zones on Earth based on the longitudes?",
"urdu": "طول البلد کی بنیاد پر زمین پر ٹھیک 24 ٹائم زونز کیوں موجود ہیں؟",
"options": ["360 ÷ 15 = 24", "180 ÷ 10 = 24", "100 ÷ 4 = 24", "24 ÷ 1 = 24"],
"correctAnswer": "A",
"explanation": "[red]360 ÷ 15 = 24[/red] is correct because dividing the total 360 degrees of Earth's rotation by [blue]15 degrees per hour[/blue] results in 24 zones.",
"explanationUrdu": "[red]360 تقسیم 15 برابر 24[/red] درست ہے کیونکہ زمین کے گھومنے کے کل 360 ڈگری کو جب [blue]15 ڈگری فی گھنٹہ[/blue] پر تقسیم کیا جائے تو 24 زونز بنتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the abbreviation \"am\" stand for in time keeping?",
"urdu": "وقت کے تعین میں مخفف \"am\" کس کو ظاہر کرتا ہے؟",
"options": ["After Midday", "Ante meridiem (Before Noon)", "Afternoon", "Annual Month"],
"correctAnswer": "B",
"explanation": "[red]Ante meridiem (Before Noon)[/red] is correct because this Latin term translates to \"before noon,\" representing the hours from [blue]midnight to 11:59 AM[/blue].",
"explanationUrdu": "[red]اینٹی میریڈیم (قبل از دوپہر)[/red] درست ہے کیونکہ لاطینی زبان کے اس لفظ کا مطلب ہے \"دوپہر سے پہلے\"، جو [blue]رات 12 بجے سے لے کر دوپہر 12 بجے سے پہلے[/blue] تک کا وقت ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the abbreviation \"pm\" stand for in time keeping?",
"urdu": "وقت کے تعین میں مخفف \"pm\" کس کو ظاہر کرتا ہے؟",
"options": ["Post meridiem (After Noon)", "Past Morning", "Primary Month", "Private Meeting"],
"correctAnswer": "A",
"explanation": "[red]Post meridiem (After Noon)[/red] is correct because this Latin term means \"after noon,\" representing the hours from [blue]12:00 noon to 11:59 PM[/blue].",
"explanationUrdu": "[red]پوسٹ میریڈیم (بعد از دوپہر)[/red] درست ہے کیونکہ لاطینی زبان کے اس لفظ کا مطلب ہے \"دوپہر کے بعد\"، جو [blue]دوپہر 12 بجے سے لے کر رات 12 بجے سے پہلے[/blue] تک کا وقت ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From which city's location is Pakistan Standard Time (PST) determined?",
"urdu": "پاکستان کا معیاری وقت (PST) کس شہر کے محل وقوع سے طے کیا جاتا ہے؟",
"options": ["Karachi", "Lahore", "Islamabad", "Peshawar"],
"correctAnswer": "B",
"explanation": "[red]Lahore[/red] is correct because this historic city's geographical coordinates are used to calculate the [blue]official standard time[/blue] for Pakistan.",
"explanationUrdu": "[red]لاہور[/red] درست ہے کیونکہ اس تاریخی شہر کے جغرافیائی محل وقوع کو پاکستان کا باضابطہ [blue]معیاری وقت طے کرنے[/blue] کے لیے استعمال کیا جاتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is officially determined from the geographical location of Lahore in Pakistan?",
"urdu": "لاہور کے جغرافیائی محل وقوع سے باضابطہ طور پر کس چیز کا تعین کیا جاتا ہے؟",
"options": ["Pakistan Standard Time", "Weather forecast", "Sea water level", "Boundary limits"],
"correctAnswer": "A",
"explanation": "[red]Pakistan Standard Time[/red] is correct because the location serves as the reference point for setting the clocks nationwide to ensure [blue]uniform time[/blue].",
"explanationUrdu": "[red]پاکستان کا معیاری وقت[/red] درست ہے کیونکہ یہ محل وقوع ملک بھر کی گھڑیوں کو ایک ہی وقت پر سیٹ کرنے اور [blue]یکساں وقت برقرار رکھنے[/blue] کے لیے بنیادی حوالہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyx0b4dqwWagyFeRbNBSwYZMA5AZwtnQTXYs4Izu5CLI3JA78zs76FXu7w5tKUhqrgfIZ1VI26WSht25Jp0bmkDE5pZL3L-mxWQNMHZSn76KVCpna7wBFCWmupGZ2Lxe0FbD5CnMJ0CDtCh-capl7xaTofVQohNxBm4iuBXru3kB5_fuZlgMMjI5uzQQ/s1600/Social%20Studies%205th%20Class%20Chapter%205.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-44689824358386406312026-07-08T08:00:00.000+05:002026-07-08T08:00:00.123+05:005th Class Social Studies Chapter 4.1 MCQs – Historical Personalities of Pakistan (پاکستان کی تاریخی شخصیات) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Historical Personalities of Pakistan MCQs – Class 5 Ch 4.1 | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Free Class 5 Social Studies MCQs on Pakistan's Historical Personalities & role of provinces in Pakistan's creation. Try quiz on PakMCQs! Get ready for your test!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: Historical Personalities of Pakistan (پاکستان کی تاریخی شخصیات) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | Historical Personalities of Pakistan (پاکستان کی تاریخی شخصیات) | PakMCQs",
"description": "Study 5th Class Social Studies Chapter 4.1 – Historical Personalities of Pakistan with complete notes, learning outcomes, the services of national heroes, the Two Nation Theory, and the role of every province and region in the creation of Pakistan.",
"articleBody": "This educational resource covers Chapter 4.1 of the 5th Class Social Studies curriculum: Historical Personalities of Pakistan. It provides solved MCQs and conceptual knowledge on the services of national heroes including Quaid-e-Azam Muhammad Ali Jinnah, Sir Syed Ahmad Khan, Begum Rana Liaquat Ali Khan, Begum Jahan Ara Shahnawaz, and Chaudhry Rehmat Ali. The chapter explains Sir Syed's Aligarh Movement and the origin of the Two Nation Theory, the political and social welfare work of Begum Rana Liaquat Ali Khan and the All Pakistan Women Association, the legislative contributions of Begum Jahan Ara Shahnawaz, and Chaudhry Rehmat Ali's 'Now or Never' pamphlet that first proposed the name Pakistan. It also covers the role of each province and region — Sindh, Punjab, Khyber Pakhtunkhwa, Balochistan, Gilgit Baltistan, and Azad Jammu and Kashmir — in the creation of Pakistan, including key resolutions, referendums, and local leaders. Ideal for students preparing for school exams and building foundational knowledge of Pakistan's history on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Historical Personalities of Pakistan MCQs",
"پاکستان کی تاریخی شخصیات MCQs",
"Sir Syed Ahmad Khan MCQs",
"Begum Rana Liaquat Ali Khan MCQs",
"Begum Jahan Ara Shahnawaz MCQs",
"Two Nation Theory Class 5",
"Role of Provinces in Creation of Pakistan MCQs",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70oEF7uFLED1-nSTwq494jtAD3RBfbAhG4vJWd-H_NE8LFhNQgeRoaIE8LMz7JD0Yn5SQT23P2NcumKZpXzp47dg__P1Etre-1TH0XubHxG3EEqAd1K0pr8zEt_sRy0XGn_7e4ySQpbeoyp_IwQ4PuRFqiq0slE0jkQWK2zJVQsyyhZWGrFI5jtKJ7Q/s1600/Social%20Studies%205th%20Class%20Chapter%204.1.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - Historical Personalities of Pakistan (پاکستان کی تاریخی شخصیات)"
},
"datePublished": "2026-07-08",
"dateModified": "2026-07-08",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70oEF7uFLED1-nSTwq494jtAD3RBfbAhG4vJWd-H_NE8LFhNQgeRoaIE8LMz7JD0Yn5SQT23P2NcumKZpXzp47dg__P1Etre-1TH0XubHxG3EEqAd1K0pr8zEt_sRy0XGn_7e4ySQpbeoyp_IwQ4PuRFqiq0slE0jkQWK2zJVQsyyhZWGrFI5jtKJ7Q/s1600/Social%20Studies%205th%20Class%20Chapter%204.1.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-Historical-Personalities-of-Pakistan-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"History Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Historical Awareness",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Quaid-e-Azam Muhammad Ali Jinnah" },
{ "@type": "Thing", "name": "Sir Syed Ahmad Khan" },
{ "@type": "Thing", "name": "Begum Rana Liaquat Ali Khan" },
{ "@type": "Thing", "name": "Begum Jahan Ara Shahnawaz" },
{ "@type": "Thing", "name": "Two Nation Theory" },
{ "@type": "Thing", "name": "Pakistan Movement" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for Historical Personalities of Pakistan (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Who was Sir Syed Ahmad Khan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sir Syed Ahmad Khan was a great writer, educator, and philosopher who worked for the educational and political development of Muslims. He started the Aligarh Movement and promoted modern education."
}
},
{
"@type": "Question",
"name": "What is the Two Nation Theory?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The Two Nation Theory states that Muslims and Hindus were two separate nations with different religions, cultures, traditions, and ways of life. It became the foundation for the creation of Pakistan."
}
},
{
"@type": "Question",
"name": "Who was Begum Rana Liaquat Ali Khan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Begum Rana Liaquat Ali Khan was a leading worker of the Pakistan Movement, the wife of Liaquat Ali Khan, and the first First Lady of Pakistan. She established the All Pakistan Women Association (APWA) to promote women's welfare and education."
}
},
{
"@type": "Question",
"name": "What were the contributions of Begum Jahan Ara Shah Nawaz?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Begum Jahan Ara Shah Nawaz was the first female member of the Pakistan Muslim League. She promoted women's rights, participated in the Round Table Conferences, and worked for education and public welfare."
}
},
{
"@type": "Question",
"name": "Who was Chaudhry Rehmat Ali?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Chaudhry Rehmat Ali was the first person to propose the name \"Pakistan\". He introduced the name in his famous pamphlet \"Now or Never\" published on 28 January 1933."
}
},
{
"@type": "Question",
"name": "How did Sindh contribute to the creation of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Sindh became the first province to support the demand for an independent Muslim state. In 1938, the Sindh Muslim League passed a resolution for Pakistan, and in 1947, Sindh officially joined Pakistan."
}
},
{
"@type": "Question",
"name": "What was Punjab's role in the Pakistan Movement?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Punjab played a major role by hosting the historic Pakistan Resolution at Lahore on 23 March 1940. Leaders like Allama Muhammad Iqbal and Quaid-e-Azam inspired Muslims to work for an independent homeland."
}
},
{
"@type": "Question",
"name": "How did Khyber Pakhtunkhwa become part of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A referendum was held in July 1947, and the majority of the people voted in favor of joining Pakistan. As a result, Khyber Pakhtunkhwa became a province of Pakistan."
}
},
{
"@type": "Question",
"name": "What was the role of Balochistan in the creation of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Leaders such as Qazi Muhammad Isa strengthened the Muslim League in Balochistan. The Shahi Jirga supported joining Pakistan, and Balochistan officially became part of Pakistan after independence."
}
},
{
"@type": "Question",
"name": "What contributions did Gilgit-Baltistan and Azad Jammu & Kashmir make?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The people of Gilgit-Baltistan revolted against Maharaja Hari Singh in 1947, declared independence, and joined Pakistan. In Azad Jammu and Kashmir, many people supported Pakistan and fought to become part of the new country."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70oEF7uFLED1-nSTwq494jtAD3RBfbAhG4vJWd-H_NE8LFhNQgeRoaIE8LMz7JD0Yn5SQT23P2NcumKZpXzp47dg__P1Etre-1TH0XubHxG3EEqAd1K0pr8zEt_sRy0XGn_7e4ySQpbeoyp_IwQ4PuRFqiq0slE0jkQWK2zJVQsyyhZWGrFI5jtKJ7Q/s1600/Social%20Studies%205th%20Class%20Chapter%204.1.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>Historical Personalities of Pakistan MCQs – Class 5 Ch 4.1 | PakMCQs</h1>
<p>Master 5th Class Social Studies Chapter 4.1 – Historical Personalities of Pakistan with a free online CBT Test and important MCQs. Learn about the services of Quaid-e-Azam Muhammad Ali Jinnah, Sir Syed Ahmad Khan and the Aligarh Movement, Begum Rana Liaquat Ali Khan, Begum Jahan Ara Shahnawaz, and Chaudhry Rehmat Ali, along with the role of Sindh, Punjab, Khyber Pakhtunkhwa, Balochistan, Gilgit Baltistan, and Azad Jammu and Kashmir in the creation of Pakistan. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>Historical Personalities of Pakistan | پاکستان کی تاریخی شخصیات
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 4.1: Historical Personalities of Pakistan (Pakistan ki Tareekhi Shakhsiyat)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes</h4>
<p>Is sabaq ko mukammal karne ke baad students is qabil ho jayenge ke:<br>
• National heroes ki khidmaat ko pehchanein: Quaid-e-Azam Muhammad Ali Jinnah, Sir Syed Ahmad Khan, Begum Rana Liaquat Ali, Begum Jahan Ara Shah Nawaz.<br>
• Pakistan ke qyam mein subon (provinces) ke kirdar ko pehchanein.</p>
<p>Nabi-e-Kareem Hazrat Muhammad (ﷺ) aese waqt mein tashreef laye jab poori insaniyat tareeki mein thi. Islam bulandi par tha. Misri, Hindustani, Babli (Babylonian), Yoonani aur Cheeni tehzebein taqreeban maut ke dahanay par thin. Arab log mukhtalif qabail mein taqseeem the, jabke Persia (Faris), Greece (Yoonan) aur China mein markazi hukoomatein thin. Sirf Roman aur Persian saltanatein zinda thin lekin in saltanaton mein log janwaron se bhi badtar zindagi guzar rahe the.</p>
<p>Nabi-e-Kareem (ﷺ) ki taleemat ki wajah se logon ki ijtimaai zindagi badal gayi. Aap (ﷺ) ki taleemat ne Masjid se Bazar tak, darsgah (Madrassa) se funoon tak, aur ghar se maidan-e-jhang tak logon ki amli zindagi ko tabdeel kar diya. Zehn, soch, aadatein, aadaab, rasm-o-rawaj, huqooq aur faraiz, achay aur buray, Halal aur Haram, ikhlaqi aqdaar, qawaneen aur aeen, jhang aur aman, maeeshat, shadi-byah ke aadaab aur riwayaat ka har ek pehlu mukammal tor par tabdeel ho gaya. Nabi-e-Kareem (ﷺ) ki taleemat takhleeqi (constructive) thin na ke takhreebi (destructive). Mukhtasran, Aap (ﷺ) ne tehzeeb, tareekh aur saqafat ke dharay ko morr diya. Tareekh se ye zahir hai ke barre-sagheer ke musalmanon ke liye ek aazad riasat ki jado-jehad is mantaqi aur amli inqilab ka nateeje thi.</p>
<p>Dunya mein aese bohot se log hain jo apni himmat, pukhta iraday aur bahadri ki wajah se doosron se numaya hote hain. Jab wo kuch karne ka pukhta irada kar lete hain, to wo ise hasil kar ke rehte hain. Unki kamyabiyan doosron par asar-andaz hoti hain. Inhi khusoosiyat ki wajah se wo dunya bhar mein shohrat hasil karte hain. Unhe tareekhi shakhsiyat (historical personalities) kaha jata hai. In tareekhi shakhsiyat mein se ek Quaid-e-Azam hain. Unho ne Pakistan hasil karne ka pukhta irada kiya tha aur barre-sagheer ke doosre musalmanon ki madad se apne is iraday ko poora kiya.</p>
<h4 style="color: #3498db;">Sir Syed Ahmad Khan</h4>
<p>Sir Syed Ahmad Khan ek musannif (writer), ustad aur falsafi the. Unho ne barre-sagheer ke musalmanon ki taleem aur siyasi shaoor ke liye jado-jehad ki. Ye 1857 ki jhang-e-azadi ke baad ka daur tha. Bad-qismati se, musalman jhang haar gaye. Hindu rahnamaon ne angrezon ko apni wafadari ka yaqeen dilaya aur unke sathi ban gaye. Unho ne angrezon ko qail kiya ke baghawat sirf musalmanon ne ki thi. Is tarah musalmanon ko kamzor kar diya gaya.</p>
<p>In halat ne <span class="highlight-word" style="color: #c0392b; font-weight: bold;">"Do-Qaumi Nazariya" (Two Nation Theory)</span> ki raah hamwar ki. Sir Syed pehle Muslim rahnama the jinho ne musalmanon ke liye "qaum" (nation) ka lafz istemal kiya. Unka khyal tha ke hindu aur musalman do alag qaumein hain kyunke unki tareekh, saqafat, mazahib aur tehzebein mukhtalif thin. Unho ne musalmanon ki taleemi taraqqi ke liye <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Aligarh Tehreek (Aligarh Movement)</span> shuru ki:</p>
<ul>
<li>1859 aur 1862 mein Moradabad aur Ghazipur mein schools qayam kiye.</li>
<li>1864 mein <b>Scientific Society</b> qayam ki, jiska maqsad angrezi se urdu mein kitabon ka tarjuma karna tha.</li>
<li>24 May, 1875 ko Aligarh mein <b>Mohammadan Anglo-Oriental School</b> qayam kiya. Baad mein ise college aur university ka darja mila.</li>
</ul>
<p style="background: #fff8e1; padding: 10px; border-left: 4px solid #f1c40f;"><strong>Stop and Tell:</strong> Do-Qaumi Nazariya (Two Nation Theory) kya hai?</p>
<h4 style="color: #3498db;">Begum Rana Liaquat Ali Khan</h4>
<p>Begum Rana Liaquat Ali Khan Tehreek-e-Pakistan ki ek numaya karkun thin. Wo Pakistan ke pehle Prime Minister, Liaquat Ali Khan ki ahliya thin. Quaid-e-Azam ne unhe Muslim League ki executive member aur party ke economic division ki chairperson muqarrar kiya. Aazadi ke baad wo Pakistan ki pehli khatoon (first lady) banin. Unho ne 1949 mein <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">All Pakistan Women Association (APWA)</span> qayam ki. Unho ne 12 saal tak Pakistan ki safeer (ambassador) ke tor par kaam kiya aur 1973 mein Sindh ki pehli khatoon governor muqarrar huin. Unho ne Economics aur Sociology mein M.Sc kiya tha.</p>
<h4 style="color: #3498db;">Begum Jahan Ara Shah Nawaz</h4>
<p>Begum Jahan Ara Pakistan Muslim League ki pehli khatoon member thin. Unho ne England mein Round Table Conferences (Gol Maiz Conference) mein barre-sagheer ke khawateen ki numayandagi ki. Unho ne 1935 mein Punjab mein Muslim Women's League banayi aur 1937 mein Punjab Provincial Assembly ki member muntakhib huin. Unho ne Anjuman-e-Himayat-e-Islam aur Red Cross Society mein bhi khidmaat anjam dein.</p>
<h4 style="color: #3498db;">Chaudhry Rehmat Ali</h4>
<p>Chaudhry Rehmat Ali ne Cambridge University se Law ki taleem hasil ki. Unho ne England mein 'Pakistan National Movement' shuru kiya. Unho ne 28 January, 1933 ko apna mashhoor pamflet <span class="highlight-word" style="color: #16a085; font-weight: bold;">"Now or Never"</span> (Ab ya Kabhi Nahi) shaye kiya jis mein unho ne pehli baar 'Pakistan' ka naam tajweez kiya.</p>
<h4 style="color: #3498db;">Role of Provinces in Creation of Pakistan</h4>
<p>• <b>Sindh:</b> Angrezon ne 1843 mein Sindh par qabza kiya aur ise Bombay ke sath mila diya. Sindh ko 1936 mein ek alag suba banaya gaya. 1938 mein Karachi mein Sindh Muslim League ne musalmanon ke liye alag riasat ki qarardad manzoor ki. Yeh qarardad <b>Sheikh Abdul Majeed Sindhi, Rana Liaquat Ali Khan, G. Allana aur Muhammad Ayub Khoro</b> ne pesh ki. Sindh Madrasatul Islam ke students ne active hissa kiya. Sindh Assembly ne 26 June, 1947 ko Sindh ko Pakistan ka hissa qaraar diya, is tarah Sindh Pakistan mein shamil hone wala pehla suba bana.</p>
<p>• <b>Punjab:</b> Punjab sargarmiyon ka markaz raha. Sir Mian Muhammad Shafi ne 1906 mein Punjab Muslim League qayam ki. <b>Dr. Allama Muhammad Iqbal</b> ne 1930 mein Allahabad mein Do-Qaumi Nazariye ki buniyaad par barre-sagheer ki taqseem tajweez ki. 23 March, 1940 ko Minto Park Lahore mein 'Qarardad-e-Pakistan' pesh hui. Punjab Muslim Students Federation ne Quaid ka paigham phelaya aur 3 June, 1947 ko Punjab ke aksariyati ilaqay Pakistan ka hissa bane.</p>
<p>• <b>Khyber Pakhtunkhwa:</b> KPK aakhri khitta tha jise angrez control mein laye. <b>Sir Sahibzada Abdul Qayyum Khan</b> ne 1913 mein Islamia College Peshawar aur Collegiate School ki buniyaad rakhi. Islamia College ke students ne Tehreek-e-Pakistan mein barh charh kar hissa liya. Sardar Aurangzeb Khan, Begum Zari Sarfaraz, Mian Zia-ud-din aur Sardar Abdul Rab Nishtar ne ahem role ada kiya. July 1947 mein referendum (istiswab-e-rai) karwaya gaya jis mein logo ne Pakistan ke haq mein vote diya.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Do You Want to Know More?</strong><br>
• KPK ke razakaron (volunteers) ne 23 March 1940 ke ijlas mein Quaid-e-Azam ki security ke faraiz anjam diye.<br>
• Quaid-e-Azam ne 1936 mein Islamia College Peshawar ka daura kiya aur apni jaidad ka ek-tihai (one-third) hissa Islamia College ke naam waqf kar diya.
</p>
<p>• <b>Balochistan:</b> Balochistan Mehr Garh ki qadeem tehzeeb ka ghar hai. 1939 mein <b>Qazi Muhammad Isa</b> ne Balochistan Muslim League ko mazboot kiya. Unki ahliya, Begum Saeeda Qazi ne active hissa liya. Fazal Ahmad Ghazi, Malik Abdullah Jan Kasi aur Fateh Muhammad ne logon ki rehnumayi ki. Balochistan ke <b>Shahi Jirga</b> ne Pakistan mein shamil hone ka faisla kiya jise Nawab Muhammad Khan Jogezai aur Mir Jafar Khan Jamali ne aage phelaya.</p>
<p>• <b>Gilgit Baltistan:</b> 3rd June Plan ke mutabiq Maharaja Hari Singh ne z जबरدستی India mein shamil hone ka faisla kiya. Is ke khilaf Gilgit Scouts aur Kashmir 6th Infantry ke jawanon ne (Mirza Hasan Khan, Babar Khan aur Shah Khan) baghawat ki. 1 November, 1947 ko Governor Ghansara Singh ki hukoomat ko khatam kar ke aazadi ka elaan kiya aur 2 November, 1947 ko Scout Line par Pakistan ka parcham lehraya. Shah Raees Khan ko president banaya gaya aur 16 November, 1947 ko Sardar Muhammad Alam Khan ne control sambhala.</p>
<p>• <b>Jammu and Kashmir:</b> Kashmir Pakistan mein shamil hona chahta tha magar Maharaja Hari Singh ne 26 October, 1947 ko elhaq India ke sath karne ka faisla kiya. Is par Kashmiriyon ne Jihad shuru kiya aur Kashmir ka ek hissa (Azad Kashmir) aazad karwa kar Pakistan ke sath mila diya. Syed Zia-ud-Din Indrabi aur Chaudhry Ghulam Abbas Kashmir ke ahem rahnama the.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Do You Want to Know More?</strong> All India Muslim League ki buniyaad 30 December, 1906 ko rakhi gayi thi. Quaid-e-Azam ne isay 1913 mein join kiya.</p>
<div style="background: #e8f5e9; padding: 15px; border-radius: 8px; border-left: 5px solid #2e7d32;">
<h5 style="margin-top: 0; color: #2e7d32;">Important Points</h5>
<ul style="margin-bottom: 0;">
<li>Sir Syed Ahmad Khan, Begum Rana Liaquat Ali Khan aur Begum Jahan Ara Shah Nawaz numaya tareekhi shakhsiyat hain.</li>
<li>Pakistan ke qyam mein har khitte aur subay ne ahem kirdar ada kiya.</li>
</ul>
</div>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 4.1</h3>
<h4 style="color: #3498db;">پاکستان کی تاریخی شخصیات (ہسٹوریکل پرسنالیٹیز آف پاکستان)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو مکمل کرنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• نیشنل ہیروز کی خدمات کو پہچانیں: قائدِ اعظم محمد علی جناح، سر سید احمد خان، بیگم رانا لیاقت علی، بیگم جہاں آرا شاہ نواز۔<br>
• پاکستان کے قیام میں صوبوں (پروونسز) کے کردار کو پہچانیں۔</p>
<p>نبیِ کریم حضرت محمد (ﷺ) ایسے وقت میں تشریف لائے جب پوری انسانیت تاریکی میں تھی۔ اسلام بلندی پر تھا۔ مصری، ہندوستانی، بابلی (بابلونین)، یونانی اور چینی تہذیبیں تقریباً مائیکروسکوپک سطح پر موت کے دہانے پر تھیں۔ عرب لوگ مختلف قبائل میں تقسیم تھے، جبکہ پرشیا (فارس)، گریک (یونان) اور چائنا (چین) میں مرکزی حکومتیں تھیں۔ صرف رومی (رومن) اور ایرانی (پرشین) سلطنتیں زندہ تھیں لیکن ان سلطنتوں میں لوگ جانوروں سے بھی بدتر زندگی گزار رہے تھے۔</p>
<p>نبیِ کریم (ﷺ) کی تعلیمات کی وجہ سے لوگوں کی اجتماعی زندگی بدل گئی۔ آپ (ﷺ) کی تعلیمات نے مسجد سے بازار تک، درسگاہ (مدرسہ) سے فنون تک، اور گھر سے میدانِ جنگ تک لوگوں کی عملی زندگی کو تبدیل کر دیا۔ ذہن، سوچ، عادتیں، آداب، رسم و رواج، حقوق اور فرائض، اچھے اور برے، حلال اور حرام، اخلاقی اقدار، قوانین اور آئین، جنگ اور امن، معیشت، شادی بیاہ کے آداب اور روایات کا ہر ایک پہلو مکمل طور پر تبدیل ہو گیا۔ نبیِ کریم (ﷺ) کی تعلیمات تخلیقی (کنسٹرکٹیو) تھیں نہ کہ تخریبی (ڈسٹرکٹیو)۔ مختصراً، آپ (ﷺ) نے تہذیب، تاریخ اور ثقافت کے دھارے کو موڑ دیا۔ تاریخ سے یہ ظاہر ہے کہ برصغیر کے مسلمانوں کے لیے ایک آزاد ریاست کی جدوجہد اس منطقی اور عملی انقلاب کا نتیجہ تھی۔</p>
<p>دنیا میں ایسے بہت سے لوگ ہیں جو اپنی ہمت، پختہ ارادے اور بہادری کی وجہ سے دوسروں سے نمایاں ہوتے ہیں۔ جب وہ کچھ کرنے کا پختہ ارادہ کر لیتے ہیں، تو وہ اسے حاصل کر کے رہتے ہیں۔ ان کی کامیابیاں دوسروں پر اثر انداز ہوتی ہیں۔ انہی خصوصیات کی وجہ سے وہ دنیا بھر سے شہرت حاصل کرتے ہیں۔ انہیں تاریخی شخصیات (ہسٹوریکل پرسنالیٹیز) کہا جاتا ہے۔ ان تاریخی شخصیات میں سے ایک قائدِ اعظم ہیں جنہوں نے پاکستان حاصل کرنے کا پختہ ارادہ کیا تھا اور مسلمانوں کی مدد سے اسے حاصل کیا۔</p>
<h4 style="color: #3498db;">سر سید احمد خان</h4>
<p>سر سید احمد خان ایک مصنف (رائٹر)، استاد اور فلسفی (فلاسفر) تھے۔ انہوں نے برصغیر کے مسلمانوں کی تعلیم اور سیاسی شعور کے لیے جدوجہد کی۔ یہ 1857 کی جنگِ آزادی کے بعد کا دور تھا۔ جنگِ آزادی مسلمانوں اور ہندوؤں نے مل کر انگریزوں کے خلاف لڑی تھی۔ بدقسمتی سے، وہ جنگ ہار گئے۔ ہندو رہنماؤں نے انگریزوں کو اپنی وفاداری کا یقین دلایا اور ان کے ساتھی بن گئے۔ انہوں نے انگریزوں کو قائل کیا کہ بغاوت صرف مسلمانوں نے کی تھی۔ اس طرح، صرف مسلمانوں کو بغاوت کا ذمہ دار ٹھہرایا گیا اور انہیں مالی، سماجی اور سیاسی طور پر کمزور کر دیا گیا۔</p>
<p>ان حالات نے <span class="highlight-word" style="color: #c0392b; font-weight: bold;">"دو قومی نظریہ" (Two Nation Theory)</span> کی راہ ہموار کی۔ سر سید برصغیر کے پہلے مسلم رہنما تھے جنہوں نے برصغیر کے مسلمانوں کے لیے "قوم" (نیشن) کا لفظ استعمال کیا۔ ان کا خیال تھا کہ ہندو اور مسلمان دو الگ قومیں ہیں کیونکہ ان کی تاریخ، ثقافت، مذاہب اور تہذیبیں مختلف تھیں۔ وہ ایک ساتھ نہیں رہ سکتے تھے۔ وہ ایک دوسرے کے مخالف تھے۔ انہیں الگ الگ رہنا تھا۔ انہوں نے فرمایا کہ ایک دوسرے کے لیے ان کی مخالفت وقت کے ساتھ ساتھ بڑھتی جائے گی۔ انہی آراء (ویوز) کی وجہ سے انہیں دو قومی نظریے کا بانی (اورجینیٹر) کہا جاتا ہے۔</p>
<p>سر سید چاہتے تھے کہ مسلمان اپنے حقوق کو پہچانیں اور دوسری قوموں کی طرح ترقی کریں۔ انہوں نے فرمایا کہ مسلمان جدید تعلیم ہی کی مدد سے اپنی پہچان قائم کر سکتے ہیں۔ انہوں نے مسلمانوں کی تعلیمی ترقی کے لیے <span class="highlight-word" style="color: #2980b9; font-weight: bold;">علی گڑھ تحریک (Ali Garh Movement)</span> شروع کی۔ اس تحریک کے تحت تعلیمی ادارے قائم کیے گئے:</p>
<ul>
<li>1859 اور 1862 میں بالترتیب مراد آباد اور غازی پور میں اسکولز قائم کیے۔</li>
<li>1864 میں <b>سائنٹفک سوسائٹی</b> قائم کی۔ اس کا مقصد انگریزی سے اردو میں کتابوں کا ترجمہ کرنا تھا۔</li>
<li>24 مئی 1875 کو علی گڑھ میں <b>محمدن اینگلو اورینٹل اسکول</b> قائم کیا۔ بعد میں اسے کالج اور یونیورسٹی کا درجہ ملا۔</li>
</ul>
<p style="background: #fff8e1; padding: 10px; border-right: 4px solid #f1c40f;"><strong>رکیں اور بتائیں (اسٹاپ اینڈ ٹیل):</strong> دو قومی نظریہ (ٹو نیشن تھیوری) کیا ہے؟</p>
<h4 style="color: #3498db;">بیگم رانا لیاقت علی خان</h4>
<p>بیگم رانا لیاقت علی خان تحریکِ پاکستان کی ایک نمایاں کارکن اور اہم سیاسی شخصیت تھیں۔ وہ پاکستان کے پہلے پرائم منسٹر، لیاقت علی خان کی اہلیہ تھیں۔ قائدِ اعظم نے انہیں مسلم لیگ کی ایگزیکٹو ممبر اور پارٹی کے اکنامک ڈویژن کی چیئرپرسن مقرر کیا۔ آزادی کے بعد وہ پاکستان کی پہلی خاتون (فرسٹ لیڈی) بنیں۔ انہوں نے 1949 میں ایک تنظیم قائم کی جسے <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">آل پاکستان ویمنز ایسوسی ایشن (APWA)</span> کہا گیا۔ انہوں نے غیر ملکی ممالک میں 12 سال تک سفیر کے طور پر کام کیا۔ انہیں 1973 میں سندھ کا گورنر مقرر کیا گیا، وہ پاکستان میں پہلی خاتون گورنر تھیں۔ بیگم رانا لیاقت علی خان نے اکنامکس اور سوشیالوجی میں ایم ایس سی کیا تھا۔</p>
<h4 style="color: #3498db;">بیگم جہاں آرا شاہ نواز</h4>
<p>بیگم جہاں آرا پاکستان کی تاریخ کی بااثر شخصیات میں سے ایک ہیں۔ وہ پاکستان مسلم لیگ کی پہلی خاتون ممبر تھیں۔ انہوں نے انگلینڈ میں ہونے والی گول میز کانفرنسز میں برصغیر کی خواتین کی نمائندگی کی۔ انہوں نے 1935 میں پنجاب میں مسلم ویمنز لیگ بنائی اور 1937 میں پنجاب پروونشل اسمبلی کی ممبر منتخب ہوئیں۔ انہوں نے پاکستان کی لیجسلیٹو اسمبلی (دستور ساز اسمبلی) کی ممبر کے طور پر خدمات انجام دیں اور ان کا تعلق انجمنِ حمایتِ اسلام اور Red Cross Society سے بھی تھا۔</p>
<h4 style="color: #3498db;">چودھری رحمت علی</h4>
<p>چودھری رحمت علی پاکستان کے قیام کے سب سے پہلے حامیوں (ایڈووکیٹس) میں سے ایک تھے۔ انہوں نے کیمبرج یونیورسٹی، انگلینڈ سے لا کی تعلیم حاصل کی۔ انہوں نے انگلینڈ میں قیام کے دوران 'پاکستان نیشنل موومنٹ' شروع کیا۔ انہوں نے 28 جنوری 1933 کو ایک پمفلٹ <span class="highlight-word" style="color: #16a085; font-weight: bold;">"ناؤ اور نیور"</span> (اب یا کبھی نہیں) شائع کیا جس میں انہوں نے پہلی بار 'پاکستان' کا نام تجویز کیا۔</p>
<h4 style="color: #3498db;">پاکستان کے قیام میں صوبوں کا کردار (رول آف پروونسز)</h4>
<p>• <b>سندھ کا کردار:</b> انگریزوں نے 1843 میں سندھ پر قبضہ کیا اور بمبئی کو سندھ کے ساتھ ملا دیا۔ سندھ کو 1936 میں ایک الگ صوبہ بنایا گیا۔ 1938 میں کراچی میں سندھ کی پروونشل مسلم لیگ کے اجلاس میں آزاد ریاست کے قیام کے لیے قرارداد منظور کی گئی۔ یہ قرارداد <b>شیخ عبدالمجید سندھی، رانا لیاقت علی خان، جی الانا اور محمد ایوب کھوڑو</b> نے پیش کی۔ سندھ مسلم اسٹوڈنٹس فیڈریشن کے اسٹوڈنٹس نے اہم کردار ادا کیا۔ سندھ کی پروونشل اسمبلی نے 26 جون 1947 کو باقاعدہ طور پر سندھ کو پاکستان کا حصہ قرار دیا اور سندھ پاکستان میں شامل ہونے والا پہلا صوبہ بنا.</p>
<p>• <b>پنجاب کا کردار:</b> پنجاب کا صوبہ سرگرمیوں کا مرکز رہا۔ سر میاں محمد شفیع نے 1906 میں پنجاب مسلم لیگ قائم کی۔ <b>ڈاکٹر علامہ محمد اقبال</b> نے 1930 میں الہ آباد میں دو قومی نظریے کی بنیاد پر تقسیم کی تجویز دی۔ 23 مارچ 1940 کو منٹو پارک لاہور میں سالانہ اجلاس میں 'قراردادِ پاکستان' پیش کی گئی۔ پنجاب مسلم اسٹوڈنٹس فیڈریشن نے اہم کردار ادا کیا اور 3 جون 1947 کو پنجاب کے اکثریتی علاقے پاکستان کا حصہ بنے.</p>
<p>• <b>خیبر پختونخوا کا کردار:</b> خیبر پختونخوا آخری خطہ تھا جسے انگریز اپنے کنٹرول میں لائے۔ <b>سر صاحبزادہ عبدالقیوم خان</b> نے 1913 میں اسلامیہ کالج پشاور اور کولیگیٹ اسکول کی بنیاد رکھی۔ سردار اورنگزیب خان، بیگم زری سرفراز، میاں ضیاء الدین، بہادر سعد اللہ خان اور سردار عبدالرب نشتر نے اہم کردار ادا کیا۔ جولائی 1947 میں ایک ریفرنڈم کروایا گیا اور لوگوں نے پاکستان میں شامل ہونے کے حق میں ووٹ دیا.</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong><br>
• خیبر پختونخوا کے رضا کاروں کے ایک دستے نے 23 مارچ 1940 کے اجلاس میں قائدِ اعظم محمد علی جناح کی سیکیورٹی کے فرائض انجام دیے۔<br>
• قائدِ اعظم نے 1936 میں اسلامیہ کالج پشاور کا دورہ کیا اور اپنی جائیداد کا ایک تہائی (ون تھرڈ) حصہ اسلامیہ کالج پشاور کے نام وقف کر دیا۔
</p>
<p>• <b>بلوچستان کا کردار:</b> بلوچستان مہر گڑھ کی قدیم تہذیب کا گھر ہے۔ 1939 میں قائدِ اعظم کی ہدایت پر، <b>قاضی محمد عیسیٰ</b> نے بلوچستان مسلم لیگ کو مضبوط بنایا۔ ان کی اہلیہ، بیگم سعیدہ قاضی نے سرگرم حصہ لیا۔ فضل احمد غازی، ملک عبداللہ جان کاسی اور فتح محمد نے بلوچستان کے لوگوں کی رہنمائی کی۔ بلوچستان کے <b>شاہی جرگہ</b> نے پاکستان میں شامل ہونے کا فیصلہ کیا جس میں نواب محمد خان جوگیزئی اور میر جعفر خان جمالی نے بہت جوش و خروش دکھایا۔</p>
<p>• <b>گلگت بلتستان کا کردار:</b> 3 جون پلان کے مطابق مہاراجہ ہری سنگھ نے مرضی کے خلاف انڈیا میں شامل ہونے کا فیصلہ کیا، جس پر گلگت اسکاؤٹس اور کشمیر 6th انفنٹری کے جوانوں نے (مرزا حسن خان، بابر خان اور شاہ خان) مینڈک کی طرح چھلانگ لگائی اور بغاوت شروع کر دی۔ انہوں نے 1 نومبر 1947 کو گورنر گھنسارا سنگھ کی حکومت کو ختم کر کے آزادی کا اعلان کیا اور 2 نومبر 1947 کو اسکاؤٹ لائن پر پاکستان کا پرچم لہرایا۔ شاہ رئیس خان کو صدر بنایا گیا اور 16 نومبر 1947 کو سردار محمد عالم خان نے انتظامیہ کا کنٹرول سنبھالا۔</p>
<p>• <b>جموں اور کشمیر کا کردار:</b> جموں اور کشمیر ایک آزاد اور مسلم اکثریتی ریاست تھی۔ سید ضیاء الدین اند رابی نے 1940 کے اجلاس میں کشمیریوں کی نمائندگی کی اور چودھری غلام عباس بھی اہم رہنما تھے۔ مہاراجہ ہری سنگھ نے 26 اکتوبر 1947 کو الحاق انڈیا کے ساتھ کرنے کا فیصلہ کیا، جس کی وجہ سے کچھ کشمیریوں نے جہاد شروع کر دیا اور کشمیر کا ایک حصہ (آزاد کشمیر) آزاد کروا کر پاکستان کے ساتھ ملا دیا۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> آل انڈیا مسلم لیگ کی بنیاد 30 دسمبر 1906 کو رکھی گئی تھی۔ قائدِ اعظم نے اس میں 1913 میں شرکت کی (جوائن کیا)۔</p>
<div style="background: #e8f5e9; padding: 15px; border-radius: 8px; border-right: 5px solid #2e7d32;">
<h5 style="margin-top: 0; color: #2e7d32;">اہم نکات</h5>
<ul style="margin-bottom: 0;">
<li>سر سید احمد خان، بیگم رانا لیاقت علی خان اور بیگم جہاں آرا شاہ نواز نمایاں تاریخی شخصیات ہیں۔</li>
<li>پاکستان کے قیام میں ہر خطے اور صوبے نے اہم کردار ادا کیا۔</li>
</ul>
</div>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: Historical Personalities of Pakistan</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Who was Sir Syed Ahmad Khan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Sir Syed Ahmad Khan was a great writer, educator, and philosopher who worked for the educational and political development of Muslims. He started the Aligarh Movement and promoted modern education.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the Two Nation Theory?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The Two Nation Theory states that Muslims and Hindus were two separate nations with different religions, cultures, traditions, and ways of life. It became the foundation for the creation of Pakistan.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Who was Begum Rana Liaquat Ali Khan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Begum Rana Liaquat Ali Khan was a leading worker of the Pakistan Movement, the wife of Liaquat Ali Khan, and the first First Lady of Pakistan. She established the All Pakistan Women Association (APWA) to promote women's welfare and education.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What were the contributions of Begum Jahan Ara Shah Nawaz?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Begum Jahan Ara Shah Nawaz was the first female member of the Pakistan Muslim League. She promoted women's rights, participated in the Round Table Conferences, and worked for education and public welfare.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Who was Chaudhry Rehmat Ali?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Chaudhry Rehmat Ali was the first person to propose the name "Pakistan". He introduced the name in his famous pamphlet "Now or Never" published on 28 January 1933.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>How did Sindh contribute to the creation of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Sindh became the first province to support the demand for an independent Muslim state. In 1938, the Sindh Muslim League passed a resolution for Pakistan, and in 1947, Sindh officially joined Pakistan.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What was Punjab's role in the Pakistan Movement?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Punjab played a major role by hosting the historic Pakistan Resolution at Lahore on 23 March 1940. Leaders like Allama Muhammad Iqbal and Quaid-e-Azam inspired Muslims to work for an independent homeland.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>How did Khyber Pakhtunkhwa become part of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>A referendum was held in July 1947, and the majority of the people voted in favor of joining Pakistan. As a result, Khyber Pakhtunkhwa became a province of Pakistan.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What was the role of Balochistan in the creation of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Leaders such as Qazi Muhammad Isa strengthened the Muslim League in Balochistan. The Shahi Jirga supported joining Pakistan, and Balochistan officially became part of Pakistan after independence.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What contributions did Gilgit-Baltistan and Azad Jammu & Kashmir make?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The people of Gilgit-Baltistan revolted against Maharaja Hari Singh in 1947, declared independence, and joined Pakistan. In Azad Jammu and Kashmir, many people supported Pakistan and fought to become part of the new country.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"question": "In what state was humanity when the Holy Nabi Hazrat Muhammad (ﷺ) arrived?",
"urdu": "جب نبی کریم حضرت محمد مصطفیٰ ﷺ تشریف لائے تو اس وقت تمام انسانیت کس حالت میں تھی؟",
"options": ["In complete peace", "In darkness", "Highly educated", "Scientifically advanced"],
"correctAnswer": "B",
"explanation": "[red]In darkness[/red] is correct because before the arrival of Islam, the world was filled with [blue]ignorance, social injustice, and moral decline[/blue].",
"explanationUrdu": "[red]تاریکی[/red] میں تھی درست ہے کیونکہ اسلام کی آمد سے پہلے دنیا [blue]جہالت، سماجی ناانصافی اور اخلاقی زوال[/blue] کا شکار تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What reached its peak because of the teachings of the Holy Nabi (ﷺ)?",
"urdu": "نبی کریم ﷺ کی تعلیمات کی بدولت کیا چیز اپنے عروج پر پہنچی؟",
"options": ["Roman Empire", "Egyptian culture", "Islam", "Greek science"],
"correctAnswer": "C",
"explanation": "[red]Islam[/red] is correct because the divine message brought by the Holy Prophet (ﷺ) spread rapidly and reached the [blue]height of its glory and influence[/blue].",
"explanationUrdu": "[red]اسلام[/red] درست ہے کیونکہ نبی کریم ﷺ کا لایا ہوا پیغام تیزی سے پھیلا اور اپنے [blue]عروج اور غلبے[/blue] کو پہنچا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which ancient civilizations were almost dead when Hazrat Muhammad (ﷺ) arrived?",
"urdu": "جب حضرت محمد ﷺ تشریف لائے تو کون سی قدیم تہذیبیں تقریباً ختم ہو چکی تھیں؟",
"options": ["Egyptian", "Indian", "Babylonian, Greek, and Chinese", "All of these"],
"correctAnswer": "D",
"explanation": "[red]All of these[/red] is correct as these ancient cultures had [blue]declined and lost their power[/blue] by the 6th century AD.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ یہ قدیم تہذیبیں [blue]زوال کا شکار[/blue] ہو چکی تھیں اور اپنی طاقت کھو چکی تھیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which countries served as the central governments of the world alongside Persia during that era?",
"urdu": "اس دور میں فارس کے ساتھ ساتھ دنیا کی مرکزی حکومتیں کون سے ممالک تھے؟",
"options": ["Rome and Egypt", "Greece and China", "India and Arabia", "England and France"],
"correctAnswer": "B",
"explanation": "[red]Greece and China[/red] is correct because these regions held the [blue]major political and administrative power[/blue] alongside the Persian state.",
"explanationUrdu": "[red]یونان اور چین[/red] درست ہے کیونکہ ان خطوں کے پاس فارس کے ساتھ ساتھ [blue]بڑی سیاسی اور انتظامی طاقت[/blue] تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which two major kingdoms were still alive but had people living a life worse than animals?",
"urdu": "کون سی دو بڑی سلطنتیں اس وقت قائم تھیں لیکن وہاں کے لوگ جانوروں سے بدتر زندگی گزار رہے تھے؟",
"options": ["Greek and Chinese", "Roman and Persian kingdoms", "Egyptian and Indian", "British and French"],
"correctAnswer": "B",
"explanation": "[red]Roman and Persian kingdoms[/red] is correct because despite their massive size and wealth, their societies lacked [blue]basic human rights and moral values[/blue].",
"explanationUrdu": "[red]رومی اور فارسی سلطنتیں[/red] درست ہے کیونکہ اپنی بڑی جسامت اور دولت کے باوجود ان کے معاشروں میں [blue]بنیادی انسانی حقوق اور اخلاقی اقدار[/blue] کا فقدان تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What changed the collective life of the people during that dark era?",
"urdu": "اس تاریک دور میں لوگوں کی اجتماعی زندگی کو کس چیز نے بدل دیا؟",
"options": ["Heavy rains", "The teachings of the Holy Nabi (ﷺ)", "Trade agreements", "New weapons"],
"correctAnswer": "B",
"explanation": "[red]The teachings of the Holy Nabi (ﷺ)[/red] is correct because his message of equality, justice, and faith transformed the [blue]daily habits and social structures[/blue] of humanity.",
"explanationUrdu": "[red]نبی کریم ﷺ کی تعلیمات[/red] درست ہے کیونکہ مساوات، انصاف اور ایمان کے پیغام نے انسانیت کی [blue]روزمرہ کی عادات اور سماجی ڈھانچے[/blue] کو بدل کر رکھ دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What areas of active life were transformed by the teachings of the Holy Nabi (ﷺ)?",
"urdu": "نبی کریم ﷺ کی تعلیمات سے عملی زندگی کے کون سے شعبے تبدیل ہوئے؟",
"options": ["Only personal homes", "From Masjid to Bazar, Madrassa to art, and house to battlefield", "Only travel routes", "Only military weapons"],
"correctAnswer": "B",
"explanation": "[red]From Masjid to Bazar, Madrassa to art, and house to battlefield[/red] is correct because Islam provided [blue]comprehensive guidance[/blue] for every social, economic, and military aspect of life.",
"explanationUrdu": "[red]مسجد سے بازار، مدرسہ سے آرٹ اور گھر سے میدانِ جنگ تک[/red] درست ہے کیونکہ اسلام نے زندگی کے ہر سماجی، معاشی اور فوجی پہلو کے لیے [blue]جامع رہنمائی[/blue] فراہم کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following aspects was completely changed by the Islamic revolution?",
"urdu": "اسلامی انقلاب کے ذریعے درج ذیل میں سے کون سا پہلو مکمل طور پر تبدیل ہو گیا؟",
"options": ["Laws, constitution, and economy", "Permitted and forbidden (Halal and Haram)", "Mind, thinking, and ethical values", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the teachings of the Holy Prophet (ﷺ) left no part of human culture, law, and morality untouched, [blue]reforming everything for the better[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ نبی کریم ﷺ کی تعلیمات نے انسانی ثقافت، قانون اور اخلاقیات کے ہر پہلو کی [blue]اصلاح کی اور اسے بہتر بنایا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the nature of the teachings of the Holy Nabi (ﷺ) described?",
"urdu": "نبی کریم ﷺ کی تعلیمات کی نوعیت کیسی بیان کی گئی ہے؟",
"options": ["Destructive", "Constructive rather than destructive", "Only temporary", "Non-practical"],
"correctAnswer": "B",
"explanation": "[red]Constructive rather than destructive[/red] is correct because Islam focused on building a [blue]peaceful, moral, and developed society[/blue] instead of destroying others.",
"explanationUrdu": "[red]تباہ کن کے بجائے تعمیری[/red] درست ہے کیونکہ اسلام نے دوسروں کو تباہ کرنے کے بجائے ایک [blue]پرامن، اخلاقی اور ترقی یافتہ معاشرے[/blue] کی تعمیر پر توجہ مرکوز کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the Holy Nabi (ﷺ) divert through his revolutionary teachings?",
"urdu": "نبی کریم ﷺ نے اپنی انقلابی تعلیمات کے ذریعے کس کا دھارا موڑ دیا؟",
"options": ["Streams of water only", "Streams of civilization, history, and culture", "Only trade roads", "Scientific books"],
"correctAnswer": "B",
"explanation": "[red]Streams of civilization, history, and culture[/red] is correct because his message redefined the entire progress of mankind and set a [blue]new direction for world history[/blue].",
"explanationUrdu": "[red]تہذیب، تاریخ اور ثقافت کے دھارے[/red] درست ہے کیونکہ آپ ﷺ کے پیغام نے انسانیت کی ترقی کی [blue]نئی سمت متعین کی[/blue] اور دنیا کی تاریخ کا رخ موڑ دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "The struggle for the freedom of an independent state for the Muslims of the subcontinent was the result of:",
"urdu": "برصغیر کے مسلمانوں کے لیے ایک آزاد ریاست کی آزادی کی جدوجہد کس کا نتیجہ تھی؟",
"options": ["British policy", "This logical and practical revolution", "A sudden change in weather", "Foreign loans"],
"correctAnswer": "B",
"explanation": "[red]This logical and practical revolution[/red] is correct because the desire for a separate homeland was rooted in the Islamic principles of [blue]freedom and self-identity[/blue].",
"explanationUrdu": "[red]اس منطقی اور عملی انقلاب کا نتیجہ[/red] درست ہے کیونکہ ایک علیحدہ وطن کی خواہش کی بنیادیں [blue]آزادی اور خود مختاری[/blue] کے اسلامی اصولوں پر مبنی تھیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are people called who get world fame due to their courage, determination, and bold achievements?",
"urdu": "وہ لوگ کیا کہلاتے ہیں جو اپنی ہمت، عزم اور شاندار کارناموں کی وجہ سے دنیا بھر میں شہرت حاصل کرتے ہیں؟",
"options": ["Silent observers", "Historical personalities", "Local citizens", "Modern singers"],
"correctAnswer": "B",
"explanation": "[red]Historical personalities[/red] is correct because their actions leave a [blue]permanent impact on society[/blue], changing the course of history for future generations.",
"explanationUrdu": "[red]تاریخی شخصیات[/red] درست ہے کیونکہ ان کے اقدامات معاشرے پر [blue]مستقل اثر چھوڑتے ہیں[/blue] اور آنے والی نسلوں کے لیے تاریخ کا رخ بدل دیتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous historical personality was determined to achieve a separate homeland (Pakistan) for Muslims?",
"urdu": "برصغیر کے مسلمانوں کے لیے علیحدہ وطن (پاکستان) حاصل کرنے کا پکا عزم کس مشہور تاریخی شخصیت نے کیا تھا؟",
"options": ["Allama Iqbal", "Quaid-e-Azam", "Sir Syed Ahmed Khan", "Liaquat Ali Khan"],
"correctAnswer": "B",
"explanation": "[red]Quaid-e-Azam[/red] is correct because he was the dedicated leader of the Pakistan Movement whose [blue]vision led to the creation[/blue] of the country.",
"explanationUrdu": "[red]قائد اعظم[/red] درست ہے کیونکہ وہ تحریکِ پاکستان کے وہ مخلص رہنما تھے جن کے [blue]پختہ عزم اور قیادت[/blue] نے پاکستان کو حقیقت بنایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "With whose help did Quaid-e-Azam carry out his determination to achieve Pakistan?",
"urdu": "قائد اعظم نے پاکستان کے حصول کے اپنے پختہ عزم کو کس کی مدد سے عملی جامہ پہنایا؟",
"options": ["Foreign governments", "Other Muslims of the subcontinent", "Only the British", "No one helped him"],
"correctAnswer": "B",
"explanation": "[red]Other Muslims of the subcontinent[/red] is correct because the success of the Pakistan Movement relied on the [blue]unity and struggle[/blue] of the millions of Muslims who followed him.",
"explanationUrdu": "[red]برصغیر کے دیگر مسلمانوں کی مدد سے[/red] درست ہے کیونکہ تحریکِ پاکستان کی کامیابی کا دارومدار ان لاکھوں مسلمانوں کے [blue]اتحاد اور جدوجہد[/blue] پر تھا جو ان کے ساتھ کھڑے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the result of Quaid-e-Azam's struggle that we enjoy today?",
"urdu": "قائد اعظم کی جدوجہد کا کیا نتیجہ ہے جس سے ہم آج لطف اندوز ہو رہے ہیں؟",
"options": ["We live in a free Muslim state of our own", "We have more money", "We can travel anywhere for free", "We have huge factories"],
"correctAnswer": "A",
"explanation": "[red]We live in a free Muslim state of our own[/red] is correct because his struggle saved Muslims from majority rule and gave them a [blue]sovereign homeland[/blue].",
"explanationUrdu": "[red]ہم اپنی ایک آزاد مسلم ریاست میں رہتے ہیں[/red] درست ہے کیونکہ ان کی جدوجہد نے مسلمانوں کو اکثریت کے غلبے سے بچایا اور انہیں ایک [blue]خود مختار وطن[/blue] دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Sir Syed Ahmad Khan",
"question": "What were the main roles of Sir Syed Ahmad Khan?",
"urdu": "سر سید احمد خان کے بنیادی کردار کیا تھے؟",
"options": ["Writer", "Teacher", "philosopher", "All of these"],
"correctAnswer": "D",
"explanation": "[red]All of these[/red] is correct because Sir Syed used his intellectual skills to write books, teach the youth, and [blue]guide the thoughts[/blue] of Muslims.",
"explanationUrdu": "[red]مصنف، استاد اور فلسفی[/red] درست ہے کیونکہ سر سید نے اپنے فکری کردار کے ذریعے کتابیں لکھیں، نوجوانوں کی تربیت کی اور مسلمانوں کے [blue]افکار کی رہنمائی[/blue] کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Sir Syed Ahmad Khan struggle for on behalf of the Muslims?",
"urdu": "سر سید احمد خان نے مسلمانوں کے لیے کس چیز کی جدوجہد کی؟",
"options": ["To start a war", "For their education and political awareness", "To build palaces", "To leave the subcontinent"],
"correctAnswer": "B",
"explanation": "[red]Education and political awareness[/red] is correct because Sir Syed believed that Muslims could not progress or protect their rights without [blue]learning and modern knowledge[/blue].",
"explanationUrdu": "[red]ان کی تعلیم اور سیاسی بیداری کے لیے[/red] درست ہے کیونکہ سر سید کا ماننا تھا کہ [blue]تعلیم اور جدید علوم[/blue] کے بغیر مسلمان ترقی نہیں کر سکتے اور نہ ہی اپنے حقوق کا تحفظ کر سکتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year was the War of Independence fought?",
"urdu": "جنگِ آزادی کس سال لڑی گئی تھی؟",
"options": ["1847 AD", "1857 AD", "1947 AD", "1898 AD"],
"correctAnswer": "B",
"explanation": "[red]1857 AD[/red] is correct as this historic year marked the major [blue]armed rebellion against the rule[/blue] of the British East India Company in the subcontinent.",
"explanationUrdu": "[red]1857 عیسوی[/red] درست ہے کیونکہ یہ وہ تاریخی سال تھا جب برصغیر کے لوگوں نے برطانوی ایسٹ انڈیا کمپنی کے راج کے خلاف ایک [blue]بڑی مسلح جدوجہد[/blue] کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who jointly fought the War of Independence in 1857 against the British?",
"urdu": "1857 کی جنگِ آزادی انگریزوں کے خلاف مل کر کس نے لڑی تھی؟",
"options": ["Only foreign soldiers", "Muslims and Hindus", "Only Sikh leaders", "Only businessmen"],
"correctAnswer": "B",
"explanation": "[red]Muslims and Hindus[/red] is correct because both major communities of the subcontinent united temporarily to [blue]free their land[/blue] from British control.",
"explanationUrdu": "[red]مسلمانوں اور ہندوؤں نے[/red] درست ہے کیونکہ برصغیر کے دونوں بڑے طبقوں نے اپنے وطن کو انگریزوں کے قبضے سے [blue]آزاد کرانے[/blue] کے لیے عارضی طور پر اتحاد کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the unfortunate outcome of the 1857 War of Independence?",
"urdu": "1857 کی جنگِ آزادی کا بدقسمت انجام کیا ہوا؟",
"options": ["They won the war", "They lost the war", "The British left immediately", "It was never completed"],
"correctAnswer": "B",
"explanation": "[red]They lost the war[/red] is correct as the British managed to suppress the rebellion, leading to [blue]direct British crown rule[/blue] over India.",
"explanationUrdu": "[red]وہ جنگ ہار گئے[/red] درست ہے کیونکہ برطانوی حکومت نے اس بغاوت کو دبا دیا تھا جس کے بعد برصغیر پر [blue]تاجِ برطانیہ کا براہِ راست راج[/blue] قائم ہو گیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did Hindu leaders react after losing the 1857 War of Independence?",
"urdu": "1857 کی جنگِ آزادی ہارنے کے بعد ہندو رہنماؤں کا کیا ردِ عمل تھا؟",
"options": ["They continued fighting", "Assured the British of their loyalty and became allies", "They left the country", "They supported Muslims fully"],
"correctAnswer": "B",
"explanation": "[red]Assured the British of their loyalty and became allies[/red] is correct because they chose to cooperate with the victors to protect their own [blue]political and social interests[/blue].",
"explanationUrdu": "[red]انگریزوں کو اپنی وفاداری کا یقین دلایا اور اتحادی بن گئے[/red] درست ہے، کیونکہ انہوں نے اپنے [blue]سیاسی اور سماجی مفادات[/blue] کے تحفظ کے لیے فاتحین کے ساتھ تعاون کا راستہ چنا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who did the Hindu leaders convince the British was solely responsible for the rebellion?",
"urdu": "ہندو رہنماؤں نے انگریزوں کو کس بات پر راضی کیا کہ اس بغاوت کا ذمہ دار صرف کون تھا؟",
"options": ["Only the British soldiers", "Only Muslims", "Foreign countries", "No one was responsible"],
"correctAnswer": "B",
"explanation": "[red]Only Muslims[/red] is correct because by blaming the Muslims entirely, Hindu leaders [blue]shifted the British anger[/blue] away from their own community.",
"explanationUrdu": "[red]صرف مسلمان[/red] درست ہے کیونکہ تمام تر ملبہ مسلمانوں پر ڈال کر ہندو رہنماؤں نے انگریزوں کے [blue]غصے کا رخ[/blue] اپنے بجائے مسلمانوں کی طرف موڑ دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the consequence for Muslims after being held solely responsible for the 1857 rebellion?",
"urdu": "بغاوت کا واحد ذمہ دار ٹھہرائے جانے کے بعد مسلمانوں کے لیے اس کا کیا نتیجہ نکلا؟",
"options": ["They became rich", "They were financially, socially, and politically weakened", "They were given high jobs", "Their schools were expanded"],
"correctAnswer": "B",
"explanation": "[red]They were financially, socially, and politically weakened[/red] is correct because the British targeted Muslims with harsh punishments, [blue]job losses, and social isolation[/blue].",
"explanationUrdu": "[red]وہ معاشی، سماجی اور سیاسی طور پر کمزور ہو گئے[/red] درست ہے کیونکہ انگریزوں نے مسلمانوں کو سخت سزاؤں، [blue]ملازمتوں سے بے دخلی اور سماجی بائیکاٹ[/blue] کا نشانہ بنایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What theory did these harsh conditions for the Muslims pave the way for?",
"urdu": "مسلمانوں کے لیے ان نامساعد حالات نے کس نظریے کی راہ ہموار کی؟",
"options": ["One Nation Theory", "Two-Nation Theory", "British Rule Theory", "Secular Theory"],
"correctAnswer": "B",
"explanation": "[red]Two-Nation Theory[/red] is correct because the clear divide and unfair treatment made Muslims realize they needed a [blue]separate identity[/blue] to survive.",
"explanationUrdu": "[red]دو قومی نظریہ[/red] درست ہے کیونکہ اس واضح تفریق اور ناانصافی نے مسلمانوں کو یہ محسوس کرایا کہ انہیں زندہ رہنے کے لیے ایک [blue]الگ شناخت[/blue] کی ضرورت ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the first Muslim leader of the subcontinent to use the term \"nation\" for Muslims?",
"urdu": "برصغیر کے پہلے مسلم رہنما کون تھے جنہوں نے مسلمانوں کے لیے لفظ \"قوم\" (nation) استعمال کیا؟",
"options": ["Allama Iqbal", "Sir Syed Ahmad Khan", "Quaid-e-Azam", "Liaquat Ali Khan"],
"correctAnswer": "B",
"explanation": "[red]Sir Syed Ahmad Khan[/red] is correct because he officially put forward the idea that Muslims are not just a minority, but a [blue]distinct nation[/blue].",
"explanationUrdu": "[red]سر سید احمد خان[/red] درست ہے کیونکہ انہوں نے ہی پہلی بار یہ تصور پیش کیا کہ مسلمان محض ایک اقلیت نہیں بلکہ ایک [blue]الگ اور کامل قوم[/blue] ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why did Sir Syed believe that Hindus and Muslims were two different nations?",
"urdu": "سر سید کا یہ کیوں ماننا تھا کہ ہندو اور مسلمان دو الگ الگ قومیں ہیں؟",
"options": ["Only because of languages", "Because histories, cultures, religions, and civilizations were different", "Because they lived in different areas", "Only because of food habits"],
"correctAnswer": "B",
"explanation": "[red]Because histories, cultures, religions, and civilizations were different[/red] is correct because these [blue]fundamental differences[/blue] meant the two groups could not easily merge.",
"explanationUrdu": "[red]کیونکہ تاریخ، ثقافت، مذہب اور تہذیبیں الگ تھیں[/red] درست ہے، کیونکہ یہ [blue]بنیادی اختلافات[/blue] اس بات کی نشان دہی کرتے تھے کہ دونوں گروہ آسانی سے ایک دوسرے میں ضم نہیں ہو سکتے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Sir Syed predict about the relationship between Hindus and Muslims over time?",
"urdu": "سر سید نے وقت گزرنے کے ساتھ ساتھ ہندوؤں اور مسلمانوں کے تعلقات کے بارے میں کیا پیشین گوئی کی تھی؟",
"options": ["Their friendship would grow", "Their enmity for each other would increase", "They would merge into one nation", "They would leave India together"],
"correctAnswer": "B",
"explanation": "[red]Their enmity for each other would increase[/red] is correct because he foresaw that [blue]political conflicts[/blue] would create more distance between the two communities.",
"explanationUrdu": "[red]ان کی ایک دوسرے کے لیے دشمنی بڑھے گی[/red] درست ہے، کیونکہ انہوں نے بھانپ لیا تھا کہ [blue]سیاسی مفادات کے ٹکراؤ[/blue] سے دونوں کمیونٹیز کے درمیان فاصلے مزید بڑھیں گے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Due to his visionary views on Muslim identity, Sir Syed is called the:",
"urdu": "مسلم شناخت پر اپنے بصیرت افروز خیالات کی وجہ سے سر سید کو کیا کہا جاتا ہے؟",
"options": ["First King", "Originator of the Two-Nation Theory", "Only teacher", "Commander of war"],
"correctAnswer": "B",
"explanation": "[red]Originator of the Two-Nation Theory[/red] is correct because he laid the [blue]intellectual foundation[/blue] that eventually led to the Pakistan Movement.",
"explanationUrdu": "[red]دو قومی نظریے کے بانی[/red] درست ہے کیونکہ انہوں نے وہ [blue]فکری بنیاد[/blue] رکھی جس کے نتیجے میں آگے چل کر تحریکِ پاکستان نے جنم لیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Sir Syed want the Muslims of the subcontinent to know and develop?",
"urdu": "سر سید برصغیر کے مسلمانوں کو کیا جاننے اور کس طرح ترقی کرتے ہوئے دیکھنا چاہتے تھے؟",
"options": ["To fight battles", "To know their rights and develop like other nations", "To ignore politics", "To build business factories only"],
"correctAnswer": "B",
"explanation": "[red]To know their rights and develop like other nations[/red] is correct because he wanted Muslims to be [blue]progressive, aware, and equal[/blue] to other communities in the world.",
"explanationUrdu": "[red]اپنے حقوق کو جانیں اور دوسری اقوام کی طرح ترقی کریں[/red] درست ہے کیونکہ وہ مسلمانوں کو [blue]ترقی پسند، باشعور اور برابر[/blue] دیکھنا چاہتے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did Sir Syed believe Muslims could establish and protect their identity?",
"urdu": "سر سید کے خیال میں مسلمان کس کی مدد سے اپنی شناخت قائم اور محفوظ رکھ سکتے تھے؟",
"options": ["Only with the help of weapons", "With the help of modern education", "By leaving the cities", "By avoiding all trade"],
"correctAnswer": "B",
"explanation": "[red]With the help of modern education[/red] is correct because he believed that [blue]scientific knowledge and learning[/blue] were the only tools for survival in the British era.",
"explanationUrdu": "[red]جدید تعلیم کی مدد سے[/red] درست ہے کیونکہ ان کا ماننا تھا کہ برطانوی دور میں [blue]سائنسی علم اور سیکھنا[/blue] ہی بقا کا واحد ذریعہ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which movement did Sir Syed Ahmad Khan start for the educational development of Muslims?",
"urdu": "سر سید احمد خان نے مسلمانوں کی تعلیمی ترقی کے لیے کون سی مہم شروع کی تھی؟",
"options": ["Khilafat Movement", "Aligarh Movement", "Swadeshi Movement", "Non-Cooperation Movement"],
"correctAnswer": "B",
"explanation": "[red]Aligarh Movement[/red] is correct because this movement focused on establishing schools and colleges to provide [blue]modern education[/blue] to Muslims.",
"explanationUrdu": "[red]علی گڑھ تحریک[/red] درست ہے کیونکہ یہ تحریک مسلمانوں کو [blue]جدید تعلیم[/blue] فراہم کرنے کے لیے اسکولوں اور کالجوں کے قیام پر مرکوز تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which years did Sir Syed establish schools in Murad Abad and Ghaziur respectively?",
"urdu": "سر سید نے بالترتیب مراد آباد اور غازی پور (Ghaziur) میں کس سال اسکول قائم کیے؟",
"options": ["1847 and 1857", "1859 and 1862", "1875 and 1898", "1864 and 1870"],
"correctAnswer": "B",
"explanation": "[red]1859 and 1862[/red] is correct because these were the [blue]initial educational institutions[/blue] he founded to start his mission of educating Muslim youth.",
"explanationUrdu": "[red]1859 اور 1862[/red] درست ہے کیونکہ یہ وہ [blue]ابتدائی تعلیمی ادارے[/blue] تھے جو انہوں نے مسلم نوجوانوں کو تعلیم دینے کے اپنے مشن کے آغاز میں قائم کیے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did Sir Syed establish the Scientific Society?",
"urdu": "سر سید نے سائنسی سوسائٹی (Scientific Society) کس سال قائم کی تھی؟",
"options": ["1859", "1864", "1875", "1898"],
"correctAnswer": "B",
"explanation": "[red]1864[/red] is correct because this was the year he established the society to introduce [blue]Western scientific knowledge[/blue] to the local people.",
"explanationUrdu": "[red]1864[/red] درست ہے کیونکہ یہ وہ سال تھا جب انہوں نے مقامی لوگوں کو [blue]مغربی سائنسی علم[/blue] سے روشناس کرانے کے لیے یہ سوسائٹی قائم کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the primary purpose of the Scientific Society established by Sir Syed?",
"urdu": "سر سید کی قائم کردہ سائنسی سوسائٹی کا بنیادی مقصد کیا تھا؟",
"options": ["To organize sports events", "To translate books from English to Urdu", "To train soldiers", "To build factories"],
"correctAnswer": "B",
"explanation": "[red]To translate books from English to Urdu[/red] is correct as it made [blue]modern scientific and academic literature[/blue] accessible to Urdu speakers.",
"explanationUrdu": "[red]انگریزی سے اردو میں کتابوں کا ترجمہ کرنا[/red] درست ہے کیونکہ اس سے اردو بولنے والوں کے لیے [blue]جدید سائنسی اور تعلیمی لٹریچر[/blue] تک رسائی ممکن ہوئی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What publication did the Scientific Society start in both English and Urdu?",
"urdu": "سائنسی سوسائٹی نے انگریزی اور اردو دونوں زبانوں میں کون سی اشاعت شروع کی تھی؟",
"options": ["A daily newspaper", "A magazine", "A book of poems", "A dictionary"],
"correctAnswer": "B",
"explanation": "[red]A magazine[/red] is correct because the society published regular articles and news in both languages to [blue]spread knowledge and awareness[/blue].",
"explanationUrdu": "[red]ایک میگزین[/red] درست ہے کیونکہ سوسائٹی [blue]علم اور بیداری پھیلانے[/blue] کے لیے دونوں زبانوں میں باقاعدہ مضامین اور خبریں شائع کرتی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When was the Mohammadan Anglo-Oriental School established at Aligarh?",
"urdu": "علی گڑھ میں محمدن اینگلو اورینٹل اسکول کب قائم کیا گیا تھا؟",
"options": ["May 24, 1875", "June 14, 1898", "August 14, 1947", "March 23, 1940"],
"correctAnswer": "A",
"explanation": "[red]May 24, 1875[/red] is correct as this school marked the foundational step toward what would become the [blue]famous Aligarh Muslim University[/blue].",
"explanationUrdu": "[red]24 مئی 1875[/red] درست ہے کیونکہ یہ اسکول اس تعلیمی سفر کا پہلا قدم تھا جو آگے چل کر [blue]مشہور علی گڑھ مسلم یونیورسٹی[/blue] بنا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the Mohammadan Anglo-Oriental School at Aligarh later become?",
"urdu": "علی گڑھ کا محمدن اینگلو اورینٹل اسکول بعد میں کیا بن گیا تھا؟",
"options": ["Only a library", "A college and then a university", "A military base", "A government office"],
"correctAnswer": "B",
"explanation": "[red]A college and then a university[/red] is correct because the institution grew rapidly in size and prestige, eventually becoming a [blue]premier center of higher education[/blue].",
"explanationUrdu": "[red]پہلے ایک کالج اور پھر یونیورسٹی[/red] درست ہے کیونکہ یہ ادارہ تیزی سے ترقی کر کے [blue]اعلیٰ تعلیم کا ایک بہترین اور بڑا مرکز[/blue] بن گیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which group of people from Aligarh College played a significant role in the Pakistan Movement?",
"urdu": "علی گڑھ کالج کے کس گروپ نے تحریکِ پاکستان میں نمایاں کردار ادا کیا تھا؟",
"options": ["The British officers", "The students", "The local traders", "The builders"],
"correctAnswer": "B",
"explanation": "[red]The students[/red] is correct because the educated youth of Aligarh became [blue]active political workers[/blue] who spread Quaid-e-Azam's message across India.",
"explanationUrdu": "[red]طلباء[/red] درست ہے کیونکہ علی گڑھ کے پڑھے لکھے نوجوانوں نے [blue]سیاسی کارکنوں[/blue] کے طور پر پورے ہندوستان میں قائد اعظم کا پیغام پھیلایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Begum Rana Liaquat Ali Khan",
"question": "What roles did Begum Ra'ana Liaquat Ali Khan play in Pakistan's history?",
"urdu": "بیگم رعنا لیاقت علی خان نے پاکستان کی تاریخ میں کیا کردار ادا کیا؟",
"options": ["Only a local doctor", "A leading worker of Pakistan Movement and political figure", "A military general", "A business manager"],
"correctAnswer": "B",
"explanation": "[red]A leading worker of Pakistan Movement and political figure[/red] is correct because she was an active, influential female leader who struggled alongside the [blue]nation's founders[/blue].",
"explanationUrdu": "[red]تحریکِ پاکستان کی سرگرم کارکن اور سیاسی شخصیت[/red] درست ہے کیونکہ وہ ایک بااثر اور فعال خاتون رہنما تھیں جنہوں نے [blue]بانیانِ پاکستان[/blue] کے ساتھ جدوجہد کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was Begum Ra'ana Liaquat Ali Khan married to?",
"urdu": "بیگم رعنا لیاقت علی خان کس کی شریکِ حیات تھیں؟",
"options": ["Quaid-e-Azam", "Liaquat Ali Khan, the first Prime Minister", "Allama Iqbal", "Sir Syed Ahmad Khan"],
"correctAnswer": "B",
"explanation": "[red]Liaquat Ali Khan, the first Prime Minister[/red] is correct because she was the wife of Pakistan's first Prime Minister, supporting his [blue]national and political mission[/blue].",
"explanationUrdu": "[red]لیاقت علی خان (پہلے وزیر اعظم)[/red] درست ہے کیونکہ وہ پاکستان کے پہلے وزیر اعظم کی شریکِ حیات تھیں اور ان کے [blue]قومی اور سیاسی مشن[/blue] میں ان کی مددگار رہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which major historical movement did she participate actively alongside her husband?",
"urdu": "انہوں نے اپنے شوہر کے ساتھ کس بڑی تاریخی تحریک میں سرگرمی سے حصہ لیا تھا؟",
"options": ["Khilafat Movement", "Pakistan Movement", "Aligarh Movement", "Quit India Movement"],
"correctAnswer": "B",
"explanation": "[red]Pakistan Movement[/red] is correct because she worked tirelessly to [blue]mobilize people, especially women[/blue], to demand a separate Muslim homeland.",
"explanationUrdu": "[red]تحریکِ پاکستان[/red] درست ہے کیونکہ انہوں نے لوگوں کو، [blue]خاص طور پر خواتین کو[/blue]، علیحدہ وطن کے مطالبے کے لیے متحرک کرنے کے لیے انتھک محنت کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What specific group did Begum Ra'ana Liaquat Ali Khan work to politically awaken?",
"urdu": "بیگم رعنا لیاقت علی خان نے خاص طور پر کس طبقے کو سیاسی طور پر بیدار کرنے کے لیے کام کیا؟",
"options": ["British officers", "Women", "Only young children", "Foreign traders"],
"correctAnswer": "B",
"explanation": "[red]Women[/red] is correct because she believed that the success of the nation required [blue]active participation and awareness[/blue] of female citizens.",
"explanationUrdu": "[red]خواتین[/red] درست ہے کیونکہ ان کا ماننا تھا کہ قوم کی کامیابی کے لیے خواتین کا [blue]سرگرم ہونا اور ان میں سیاسی شعور[/blue] کا ہونا لازمی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What political positions did Quaid-e-Azam appoint her to in the party?",
"urdu": "قائد اعظم نے انہیں پارٹی (مسلم لیگ) میں کن سیاسی عہدوں پر فائز کیا تھا؟",
"options": ["General Secretary", "Executive member and Chairperson of economic division", "Foreign Ambassador", "Chief Organizer"],
"correctAnswer": "B",
"explanation": "[red]Executive member and Chairperson of economic division[/red] is correct because her professional background made her ideal for handling the [blue]financial planning of the party[/blue].",
"explanationUrdu": "[red]مسلم لیگ کی ایگزیکٹو ممبر اور اکنامک ڈویژن کی چیئرپرسن[/red] درست ہے، کیونکہ ان کے علمی پس منظر کی وجہ سے قائد اعظم نے انہیں پارٹی کے [blue]مالیاتی امور کی ذمہ داری[/blue] سونپی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the first lady of Pakistan after the country achieved independence?",
"urdu": "آزادی کے بعد پاکستان کی پہلی خاتونِ اول (First Lady) کون تھیں؟",
"options": ["Fatima Jinnah", "Begum Ra'ana Liaquat Ali Khan", "Begum Nusrat Bhutto", "Benazir Bhutto"],
"correctAnswer": "B",
"explanation": "[red]Begum Ra'ana Liaquat Ali Khan[/red] is correct because as the wife of the first Prime Minister, she officially assumed the role of [blue]first lady[/blue].",
"explanationUrdu": "[red]بیگم رعنا لیاقت علی خان[/red] درست ہے کیونکہ پہلے وزیر اعظم کی شریکِ حیات ہونے کے ناطے وہ باضابطہ طور پر پاکستان کی [blue]پہلی خاتونِ اول[/blue] بنی تھیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For whose welfare did she start projects and establish health facilities?",
"urdu": "انہوں نے کس کی بہبود کے لیے منصوبے شروع کیے اور طبی سہولیات قائم کیں؟",
"options": ["Only foreign guests", "Women, children, and migrants from India", "Only government employees", "British soldiers"],
"correctAnswer": "B",
"explanation": "[red]Women, children, and migrants from India[/red] is correct as she focused on [blue]helping the millions of refugees[/blue] who arrived in Pakistan with nothing.",
"explanationUrdu": "[red]خواتین، بچوں اور ہندوستان سے ہجرت کرنے والوں کے لیے[/red] درست ہے، کیونکہ انہوں نے ان [blue]لاکھوں پناہ گزینوں کی مدد[/blue] پر توجہ مرکوز کی جو اپنا سب کچھ چھوڑ کر پاکستان آئے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous women's organization did she establish in 1949?",
"urdu": "انہوں نے 1949 میں خواتین کی کون سی مشہور تنظیم قائم کی تھی؟",
"options": ["Red Cross", "All Pakistan Women Association (APWA)", "Women Guard", "Aligarh Association"],
"correctAnswer": "B",
"explanation": "[red]All Pakistan Women Association (APWA)[/red] is correct as APWA was founded by her to promote the [blue]social and economic welfare[/blue] of Pakistani women.",
"explanationUrdu": "[red]آل پاکستان ویمنز ایسوسی ایشن (APWA)[/red] درست ہے کیونکہ انہوں نے پاکستانی خواتین کی [blue]سماجی اور معاشی بہبود[/blue] کو فروغ دینے کے لیے اس کی بنیاد رکھی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the main purpose of the All Pakistan Women Association (APWA)?",
"urdu": "آل پاکستان ویمنز ایسوسی ایشن (APWA) کا بنیادی مقصد کیا تھا؟",
"options": ["To organize sports leagues", "Establishing schools, colleges, and home-based industries for women", "To train female soldiers", "To build travel roads"],
"correctAnswer": "B",
"explanation": "[red]Establishing schools, colleges, and home-based industries for women[/red] is correct because APWA focused on [blue]educating and financially empowering[/blue] women.",
"explanationUrdu": "[red]خواتین کے لیے اسکول، کالج اور گھریلو صنعتیں قائم کرنا[/red] درست ہے کیونکہ اپوا (APWA) کا مقصد [blue]خواتین کی تعلیم اور انہیں معاشی طور پر خود مختار[/blue] بنانا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For how many years did she serve as Pakistan's ambassador in foreign countries?",
"urdu": "انہوں نے بیرون ملک پاکستان کی سفیر (Ambassador) کے طور پر کتنے سال خدمات انجام دیں؟",
"options": ["Two years", "Twelve years", "Twenty years", "Five years"],
"correctAnswer": "B",
"explanation": "[red]Twelve years[/red] is correct because she represented Pakistan with great distinction in [blue]various international embassies[/blue] for over a decade.",
"explanationUrdu": "[red]بارہ سال[/red] درست ہے کیونکہ انہوں نے ایک دہائی سے زائد عرصے تک [blue]مختلف بین الاقوامی سفارت خانوں[/blue] میں پاکستان کی نمائندگی کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When was Begum Ra'ana Liaquat Ali Khan appointed as the Governor of Sindh?",
"urdu": "بیگم رعنا لیاقت علی خان کو سندھ کا گورنر کب مقرر کیا گیا تھا؟",
"options": ["In 1947", "In 1973", "In 1990", "In 1956"],
"correctAnswer": "B",
"explanation": "[red]In 1973[/red] is correct because she was appointed to this prestigious provincial office in this specific year, [blue]continuing her public service[/blue].",
"explanationUrdu": "[red]1973 میں[/red] درست ہے کیونکہ وہ اس مخصوص سال میں سندھ کی گورنر مقرر ہوئیں اور اپنی [blue]عوامی خدمات کا سلسلہ[/blue] جاری رکھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the first female governor in the history of Pakistan?",
"urdu": "پاکستان کی تاریخ میں پہلی خاتون گورنر کون تھیں؟",
"options": ["Fatima Jinnah", "Begum Ra'ana Liaquat Ali Khan", "Benazir Bhutto", "Nusrat Bhutto"],
"correctAnswer": "B",
"explanation": "[red]Begum Ra'ana Liaquat Ali Khan[/red] is correct because her appointment as Governor of Sindh made her the [blue]first woman to hold a provincial governorship[/blue] in Pakistan.",
"explanationUrdu": "[red]بیگم رعنا لیاقت علی خان[/red] درست ہے کیونکہ سندھ کی گورنر کے طور پر ان کا تقرر انہیں پاکستان میں [blue]پہلی خاتون گورنر[/blue] بناتا ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the academic degree obtained by Begum Ra'ana Liaquat Ali Khan?",
"urdu": "بیگم رعنا لیاقت علی خان نے کون سی اعلیٰ تعلیمی ڈگری حاصل کی تھی؟",
"options": ["MBBS", "M.Sc in Economics and Sociology", "LLB in Law", "PhD in History"],
"correctAnswer": "B",
"explanation": "[red]M.Sc in Economics and Sociology[/red] is correct because she was highly educated and held [blue]advanced degrees in social sciences[/blue].",
"explanationUrdu": "[red]ایم ایس سی اکنامکس اور سوشیالوجی[/red] درست ہے کیونکہ وہ اعلیٰ تعلیم یافتہ تھیں اور انہوں نے [blue]سوشل سائنسز میں ڈگریاں[/blue] حاصل کر رکھی تھیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where did she serve as a professor before her extensive political work?",
"urdu": "اپنی سیاسی زندگی سے پہلے انہوں نے کہاں بطور پروفیسر خدمات انجام دیں؟",
"options": ["A university in London", "A university in Delhi", "Aligarh University", "Karachi University"],
"correctAnswer": "B",
"explanation": "[red]A university in Delhi[/red] is correct because she worked as an [blue]academic professor in Delhi[/blue] before dedicating herself to the Pakistan Movement.",
"explanationUrdu": "[red]دہلی کی ایک یونیورسٹی میں[/red] درست ہے کیونکہ تحریکِ پاکستان کے لیے خود کو وقف کرنے سے پہلے انہوں نے [blue]دہلی میں بطور پروفیسر[/blue] تدریسی خدمات انجام دیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Begum Jahan Ara Shahnawaz",
"question": "Who was the first female member of the Pakistan Muslim League?",
"urdu": "پاکستان مسلم لیگ کی پہلی خاتون رکن کون تھیں؟",
"options": ["Begum Ra'ana Liaquat Ali Khan", "Fatima Jinnah", "Begum Jahan Ara Shahnawaz", "Benazir Bhutto"],
"correctAnswer": "C",
"explanation": "[red]Begum Jahan Ara Shahnawaz[/red] is correct because she was a [blue]pioneer female politician[/blue] who joined the Muslim League when women were rarely in politics.",
"explanationUrdu": "[red]بیگم جہاں آراء شاہ نواز[/red] درست ہے کیونکہ وہ وہ [blue]پہلی خاتون سیاستدان[/blue] تھیں جنہوں نے اس وقت مسلم لیگ میں شمولیت اختیار کی جب سیاست میں خواتین کی تعداد بہت کم تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who represented the women of the subcontinent in the historic Round Table Conferences in England?",
"urdu": "انگلینڈ میں ہونے والی تاریخی گول میز کانفرنسوں (Round Table Conferences) میں برصغیر کی خواتین کی نمائندگی کس نے کی تھی؟",
"options": ["Begum Nusrat Bhutto", "Begum Jahan Ara Shahnawaz", "Fatima Jinnah", "Begum Salma Tassaduq"],
"correctAnswer": "B",
"explanation": "[red]Begum Jahan Ara Shahnawaz[/red] is correct because she traveled to London to advocate for the [blue]constitutional and political rights[/blue] of Indian women.",
"explanationUrdu": "[red]بیگم جہاں آراء شاہ نواز[/red] درست ہے کیونکہ انہوں نے لندن جا کر گول میز کانفرنسوں میں ہندوستانی خواتین کے [blue]آئینی اور سیاسی حقوق[/blue] کی وکالت کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which province and year did she form the Muslim Women's League?",
"urdu": "انہوں نے کس صوبے اور سال میں مسلم ویمنز لیگ قائم کی تھی؟",
"options": ["Sindh in 1947", "Punjab in 1935", "Bengal in 1940", "Balochistan in 1930"],
"correctAnswer": "B",
"explanation": "[red]Punjab in 1935[/red] is correct as she founded this organization to specifically [blue]organize and empower[/blue] Muslim women in the Punjab province.",
"explanationUrdu": "[red]1935 میں پنجاب میں[/red] درست ہے کیونکہ انہوں نے پنجاب کے صوبے میں مسلم خواتین کو [blue]منظم اور بااختیار بنانے[/blue] کے لیے اس تنظیم کی بنیاد رکھی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When was Begum Jahan Ara Shahnawaz elected as a member of the Punjab Provincial Assembly?",
"urdu": "بیگم جہاں آراء شاہ نواز کس سال پنجاب کی صوبائی اسمبلی کی رکن منتخب ہوئی تھیں؟",
"options": ["In 1937", "In 1947", "In 1905", "In 1956"],
"correctAnswer": "A",
"explanation": "[red]In 1937[/red] is correct because she won the provincial elections held in this year, becoming an [blue]influential voice in the legislature[/blue].",
"explanationUrdu": "[red]1937 میں[/red] درست ہے کیونکہ وہ اس سال ہونے والے انتخابات میں کامیابی حاصل کر کے [blue]صوبائی ایوان کی رکن[/blue] بن گئی تھیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For which departments did she serve as the parliamentary secretary (head) in the provincial government?",
"urdu": "انہوں نے صوبائی حکومت میں کن محکموں کے لیے پارلیمانی سیکرٹری کے طور پر خدمات انجام دیں؟",
"options": ["Defense and Finance only", "Education, medical relief, and public health", "Space and Technology", "Agriculture and Industry only"],
"correctAnswer": "B",
"explanation": "[red]Education, medical relief, and public health[/red] is correct because she used her political power to [blue]improve social services[/blue] and healthcare for the people.",
"explanationUrdu": "[red]تعلیم، طبی امداد اور صحتِ عامہ[/red] درست ہے کیونکہ انہوں نے اپنی سیاسی طاقت کو لوگوں کے لیے [blue]سماجی خدمات اور صحت کی سہولیات[/blue] کو بہتر بنانے کے لیے استعمال کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is true about her political career after the establishment of Pakistan?",
"urdu": "پاکستان کے قیام کے بعد ان کے سیاسی کیریئر کے بارے میں کیا سچ ہے؟",
"options": ["She stopped all political work", "She continued her political career", "She left the country forever", "She joined the opponent party"],
"correctAnswer": "B",
"explanation": "[red]She continued her political career[/red] is correct as she remained active in the newly formed state to [blue]help build its early political structures[/blue].",
"explanationUrdu": "[red]انہوں نے اپنا سیاسی سفر جاری رکھا[/red] درست ہے، کیونکہ وہ نئی بننے والی ریاست میں بھی متحرک رہیں تاکہ اس کے [blue]ابتدائی سیاسی ڈھانچے[/blue] کو بنانے میں مدد کر سکیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which national assembly did she serve after the independence of Pakistan?",
"urdu": "آزادی کے بعد انہوں نے پاکستان کی کس قومی اسمبلی میں خدمات انجام دیں؟",
"options": ["Only municipal committee", "Legislative assembly of Pakistan", "Foreign assembly", "British parliament"],
"correctAnswer": "B",
"explanation": "[red]Legislative assembly of Pakistan[/red] is correct because she was elected as a member of the first parliament to [blue]help draft the country's laws[/blue].",
"explanationUrdu": "[red]پاکستان کی قانون ساز اسمبلی[/red] درست ہے کیونکہ وہ ملک کے قوانین بنانے میں مدد کے لیے [blue]پہلی پارلیمنٹ کی رکن[/blue] منتخب ہوئی تھیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which welfare organizations was she attached to for the development of women and children?",
"urdu": "وہ خواتین اور بچوں کی ترقی کے لیے کن فلاحی تنظیموں سے وابستہ تھیں؟",
"options": ["Red Cross Society and Anjuman-e-Imqat-e-Islam", "Aligarh Movement only", "Only foreign clubs", "Olympic Committee"],
"correctAnswer": "A",
"explanation": "[red]Red Cross Society and Anjuman-e-Imqat-e-Islam[/red] is correct because she actively participated in these organizations to [blue]support social welfare[/blue].",
"explanationUrdu": "[red]انجمنِ امقاتِ اسلام اور ریڈ کراس سوسائٹی[/red] درست ہے کیونکہ انہوں نے [blue]سماجی بہبود کے کاموں[/blue] کی مدد کے لیے ان تنظیموں میں فعال حصہ لیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did she write to create awareness about education and social issues?",
"urdu": "تعلیم اور سماجی مسائل کے بارے میں بیداری پیدا کرنے کے لیے انہوں نے کیا لکھا تھا؟",
"options": ["Novels and stories", "Many pamphlets", "Law dictionaries", "Textbooks only"],
"correctAnswer": "B",
"explanation": "[red]Many pamphlets[/red] is correct because publishing short, informative booklets was her method to [blue]educate the public[/blue] on important social reforms.",
"explanationUrdu": "[red]بہت سے پمفلٹ[/red] درست ہے کیونکہ اہم سماجی اصلاحات پر عوام کو [blue]آگاہ کرنے[/blue] کے لیے مختصر اور معلوماتی کتابچے شائع کرنا ان کا خاص طریقہ تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Chaudhry Rehmat Ali",
"question": "Who was one of the first advocates of the establishment of Pakistan?",
"urdu": "قیامِ پاکستان کے اولین حامیوں میں سے کون تھے؟",
"options": ["Sir Syed Ahmad Khan", "Chaudhry Rehmat Ali", "Allama Iqbal", "Quaid-e-Azam"],
"correctAnswer": "B",
"explanation": "[red]Chaudhry Rehmat Ali[/red] is correct because he was one of the earliest figures who strongly supported and worked for a [blue]separate country for the Muslims[/blue].",
"explanationUrdu": "[red]چوہدری رحمت علی[/red] درست ہے کیونکہ وہ ان اولین شخصیات میں سے ایک تھے جنہوں نے مسلمانوں کے لیے ایک [blue]الگ ملک کی بھرپور حمایت اور کام[/blue] کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From which university in England did Chaudhry Rehmat Ali get his education in Law?",
"urdu": "چوہدری رحمت علی نے انگلینڈ کی کس یونیورسٹی سے قانون (Law) کی تعلیم حاصل کی تھی؟",
"options": ["Oxford University", "London University", "Cambridge University", "Aligarh University"],
"correctAnswer": "C",
"explanation": "[red]Cambridge University[/red] is correct because he completed his legal studies at this [blue]prestigious institution in England[/blue] while living abroad.",
"explanationUrdu": "[red]کیمبرج یونیورسٹی[/red] درست ہے کیونکہ انہوں نے انگلینڈ میں قیام کے دوران اس [blue]معتبر تعلیمی ادارے[/blue] سے قانون کی تعلیم مکمل کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which movement did Chaudhry Rehmat Ali start during his stay in England?",
"urdu": "انگلینڈ میں قیام کے دوران چوہدری رحمت علی نے کون سی تحریک شروع کی تھی؟",
"options": ["Aligarh Movement", "Pakistan National Movement", "Khilafat Movement", "Silk Letter Movement"],
"correctAnswer": "B",
"explanation": "[red]Pakistan National Movement[/red] is correct as he founded this movement in England to [blue]gather support for the partition[/blue] of India and creation of Pakistan.",
"explanationUrdu": "[red]پاکستان نیشنل موومنٹ[/red] درست ہے کیونکہ انہوں نے انگلینڈ میں اس تحریک کی بنیاد رکھی تاکہ برصغیر کی تقسیم اور پاکستان کے قیام کے لیے [blue]حمایت جمع کی جا سکے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Chaudhry Rehmat Ali publish in favor of an independent Muslim state in India?",
"urdu": "چوہدری رحمت علی نے ہندوستان میں ایک آزاد مسلم ریاست کے قیام کے حق میں کیا شائع کیا؟",
"options": ["Large history books", "Daily newspapers", "Many pamphlets", "Map of the world"],
"correctAnswer": "C",
"explanation": "[red]Many pamphlets[/red] is correct because publishing short booklets was his primary method to [blue]spread his political ideas[/blue] among students and leaders.",
"explanationUrdu": "[red]بہت سے پمفلٹ[/red] درست ہے کیونکہ طلباء اور رہنماؤں میں اپنے [blue]سیاسی خیالات پھیلانے[/blue] کے لیے مختصر کتابچے شائع کرنا ان کا بنیادی طریقہ تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When did Chaudhry Rehmat Ali issue his famous pamphlet \"Now or Never\"?",
"urdu": "چوہدری رحمت علی نے اپنا مشہور پمفلٹ \"ابھی یا کبھی نہیں\" (Now or Never) کب جاری کیا تھا؟",
"options": ["August 14, 1947", "January 28, 1933", "March 23, 1940", "May 24, 1875"],
"correctAnswer": "B",
"explanation": "[red]January 28, 1933[/red] is correct because this is the historic date when he published the declaration that became [blue]highly influential for the Pakistan Movement[/blue].",
"explanationUrdu": "[red]28 جنوری 1933[/red] درست ہے کیونکہ یہ وہ تاریخی تاریخ ہے جب انہوں نے وہ اعلامیہ شائع کیا جو [blue]تحریکِ پاکستان کے لیے بہت بااثر[/blue] ثابت ہوا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which historical pamphlet was the name \"Pakistan\" proposed for the first time?",
"urdu": "سائنسی اور تاریخی اعتبار سے کس پمفلٹ میں پہلی بار \"پاکستان\" کا نام تجویز کیا گیا تھا؟",
"options": ["Dawn of Islam", "Now or Never", "Pakistan Movement", "Aligarh Gazette"],
"correctAnswer": "B",
"explanation": "[red]Now or Never[/red] is correct because in this specific pamphlet, Chaudhry Rehmat Ali [blue]coined the name 'Pakistan'[/blue] for the proposed northern Muslim states.",
"explanationUrdu": "[red]\"ابھی یا کبھی نہیں\"[/red] درست ہے کیونکہ اس مخصوص پمفلٹ میں چوہدری رحمت علی نے مجوزہ مسلم ریاستوں کے لیے [blue]'پاکستان' کا نام تجویز[/blue] کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who originally proposed and coined the name \"Pakistan\" for our country?",
"urdu": "ہمارے ملک کے لیے سب سے پہلے \"پاکستان\" کا نام کس نے تجویز کیا تھا؟",
"options": ["Quaid-e-Azam", "Allama Iqbal", "Chaudhry Rehmat Ali", "Liaquat Ali Khan"],
"correctAnswer": "C",
"explanation": "[red]Chaudhry Rehmat Ali[/red] is correct because he formulated the name 'Pakistan' by [blue]combining the letters[/blue] of different Muslim-majority regions.",
"explanationUrdu": "[red]چوہدری رحمت علی[/red] درست ہے کیونکہ انہوں نے مختلف مسلم اکثریتی خطوں کے ناموں کے [blue]حروف کو ملا کر[/blue] 'پاکستان' کا نام تیار کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Sindh",
"question": "For about how many years did the Muslims rule over the subcontinent?",
"urdu": "مسلمانوں نے برصغیر پر تقریباً کتنے سال حکومت کی تھی؟",
"options": ["One hundred years", "Nine hundred years", "Fifty years", "Three thousand years"],
"correctAnswer": "B",
"explanation": "[red]Nine hundred years[/red] is correct because Muslim rule in India spanned nearly [blue]nine centuries[/blue], from the early conquests to the decline of the Mughal Empire.",
"explanationUrdu": "[red]تقریباً نو سو سال[/red] درست ہے کیونکہ ہندوستان میں مسلمانوں کا دورِ حکومت [blue]نو صدیوں پر محیط[/blue] تھا، جو ابتدائی فتوحات سے لے کر مغلیہ سلطنت کے زوال تک پھیلا ہوا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did the British occupy most regions of the subcontinent after the Muslim rule?",
"urdu": "مسلم دورِ حکومت کے بعد انگریزوں نے برصغیر کے زیادہ تر علاقوں پر قبضہ کیسے کیا تھا؟",
"options": ["Slowly and gradually", "Instantly in one day", "By signing peaceful trade papers only", "Through a single major battle"],
"correctAnswer": "A",
"explanation": "[red]Slowly and gradually[/red] is correct because the British East India Company used [blue]political treaties and military campaigns[/blue] over many decades to control India.",
"explanationUrdu": "[red]آہستہ آہستہ اور بتدریج[/red] درست ہے کیونکہ برطانوی ایسٹ انڈیا کمپنی نے کئی دہائیوں کے دوران [blue]سیاسی معاہدوں اور فوجی مہمات[/blue] کے ذریعے پورے ہندوستان پر قبضہ کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the British formally occupy Sindh?",
"urdu": "انگریزوں نے باضابطہ طور پر سندھ پر کس سال قبضہ کیا تھا؟",
"options": ["1947 AD", "1843 AD", "1936 AD", "1857 AD"],
"correctAnswer": "B",
"explanation": "[red]1843 AD[/red] is correct because this was the year when British forces under Sir Charles Napier [blue]defeated the Talpur Mirs[/blue] and annexed Sindh.",
"explanationUrdu": "[red]1843 عیسوی[/red] درست ہے کیونکہ یہ وہ سال تھا جب سر چارلس نیپئر کے تحت برطانوی افواج نے [blue]تالپور میروں کو شکست دے کر[/blue] سندھ کا الحاق کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "With which administrative region did the British annex Sindh after their occupation?",
"urdu": "قبضے کے بعد انگریزوں نے سندھ کا الحاق کس انتظامی علاقے کے ساتھ کیا تھا؟",
"options": ["Punjab", "Bengal", "Bombay", "Balochistan"],
"correctAnswer": "C",
"explanation": "[red]Bombay[/red] is correct because the British merged the administration of Sindh with the [blue]Bombay Presidency[/blue] for political convenience, which was disliked by Muslims.",
"explanationUrdu": "[red]بمبئی[/red] درست ہے کیونکہ انگریزوں نے سیاسی سہولت کے لیے سندھ کا انتظامی الحاق [blue]بمبئی پریذیڈنسی[/blue] کے ساتھ کر دیا تھا، جسے مسلمانوں نے پسند نہیں کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why did Quaid-e-Azam struggle very hard to separate Sindh from Bombay?",
"urdu": "قائد اعظم نے سندھ کو بمبئی سے الگ کرنے کے لیے اتنی سخت جدوجہد کیوں کی تھی؟",
"options": ["To make travel easy", "Necessary for protecting the rights of Muslims", "To increase trade taxes", "To build a new airport"],
"correctAnswer": "B",
"explanation": "[red]Necessary for protecting the rights of Muslims[/red] is correct because Sindh was a Muslim-majority area, and separating it allowed Muslims to [blue]govern their own affairs[/blue].",
"explanationUrdu": "[red]مسلمانوں کے حقوق کے تحفظ کے لیے ضروری تھا[/red] درست ہے کیونکہ سندھ ایک مسلم اکثریتی علاقہ تھا، اور اسے الگ کرنے سے مسلمانوں کو [blue]اپنے امور خود چلانے[/blue] کا موقع ملا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year was Sindh officially made a separate province?",
"urdu": "سندھ کو باضابطہ طور پر ایک علیحدہ صوبہ کس سال بنایا گیا تھا؟",
"options": ["1843 AD", "1936 AD", "1947 AD", "1938 AD"],
"correctAnswer": "B",
"explanation": "[red]1936 AD[/red] is correct because after years of political struggle, the British government separated Sindh from Bombay through the [blue]Government of India Act[/blue].",
"explanationUrdu": "[red]1936 عیسوی[/red] درست ہے کیونکہ برسوں کی سیاسی جدوجہد کے بعد برطانوی حکومت نے [blue]گورنمنٹ آف انڈیا ایکٹ[/blue] کے تحت سندھ کو بمبئی سے الگ کر دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where and when was the provincial Muslim League meeting of Sindh held that Quaid-e-Azam presided over?",
"urdu": "سندھ کی صوبائی مسلم لیگ کا اجلاس کہاں اور کب منعقد ہوا تھا جس کی صدارت قائد اعظم نے کی تھی؟",
"options": ["Lahore in 1940", "Karachi in 1938", "Peshawar in 1936", "Quetta in 1945"],
"correctAnswer": "B",
"explanation": "[red]Karachi in 1938[/red] is correct because this session was a historic gathering where the Sindhi leadership formally [blue]demanded political self-determination[/blue].",
"explanationUrdu": "[red]1938 میں کراچی[/red] درست ہے کیونکہ یہ وہ تاریخی اجلاس تھا جہاں سندھی قیادت نے باضابطہ طور پر [blue]سیاسی خودمختاری کا مطالبہ[/blue] پیش کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What significant resolution was passed during the Karachi meeting in 1938?",
"urdu": "1938 میں کراچی اجلاس کے دوران کون سی اہم قرارداد منظور کی گئی تھی؟",
"options": ["A demand for a separate educational institute", "A resolution for the establishment of an independent state for Muslims", "A demand for more roads", "A resolution to join India"],
"correctAnswer": "B",
"explanation": "[red]A resolution for the establishment of an independent state for Muslims[/red] is correct because this resolution paved the way for the [blue]historic Lahore Resolution[/blue] of 1940.",
"explanationUrdu": "[red]مسلمانوں کے لیے ایک آزاد ریاست کے قیام کی قرارداد[/red] درست ہے کیونکہ اس قرارداد نے 1940 کی [blue]تاریخی قراردادِ لاہور[/blue] کی راہ ہموار کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which province was the first in the subcontinent to pass a resolution for an independent Muslim state?",
"urdu": "برصغیر کا وہ پہلا صوبہ کون سا تھا جس نے مسلمانوں کی آزاد ریاست کے لیے قرارداد منظور کی تھی؟",
"options": ["Punjab", "Sindh", "Bengal", "Balochistan"],
"correctAnswer": "B",
"explanation": "[red]Sindh[/red] is correct because its provincial leadership was the first to officially [blue]demand partition and a separate homeland[/blue] on a legislative platform.",
"explanationUrdu": "[red]سندھ[/red] درست ہے کیونکہ اس کی صوبائی قیادت نے سب سے پہلے قانون سازی کے پلیٹ فارم پر باضابطہ طور پر [blue]تقسیم اور علیحدہ وطن کا مطالبہ[/blue] کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was among the prominent leaders who presented the historic 1938 Sindh resolution?",
"urdu": "1938 کی تاریخی سندھ قرارداد پیش کرنے والے ممتاز رہنماؤں میں کون شامل تھے؟",
"options": ["Only British officers", "Sheikh Abdul Majeed Sindhi, Rana Liaquat Ali Khan, G. Allana, and M. Ayub Khoro", "Sir Syed Ahmad Khan", "Non-Muslim leaders"],
"correctAnswer": "B",
"explanation": "[red]Sheikh Abdul Majeed Sindhi, Rana Liaquat Ali Khan, G. Allana, and M. Ayub Khoro[/red] is correct as these politicians formally [blue]drafted and moved the resolution[/blue].",
"explanationUrdu": "[red]شیخ عبدالمجید سندھی، رانا لیاقت علی خان، جی الانا اور محمد ایوب کھوڑو[/red] درست ہے کیونکہ ان سیاستدانوں نے باضابطہ طور پر [blue]قرارداد تیار کی اور پیش کی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides politicians, who played an important role in creating awareness for Pakistan in Sindh?",
"urdu": "سیاست دانوں کے علاوہ، سندھ میں پاکستان کے لیے بیداری پیدا کرنے میں کس نے اہم کردار ادا کیا؟",
"options": ["Only foreign tourists", "Students, religious leaders, and traders", "Only British teachers", "Only children"],
"correctAnswer": "B",
"explanation": "[red]Students, religious leaders, and traders[/red] is correct because the Pakistan Movement in Sindh was supported by [blue]all segments of society[/blue] working together.",
"explanationUrdu": "[red]طلباء، مذہبی رہنما اور تاجر[/red] درست ہے کیونکہ سندھ میں پاکستان کی مہم کی کامیابی کا دارومدار ان [blue]تمام طبقوں کے باہمی اتحاد[/blue] پر تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which student groups of Sindh actively participated in the Pakistan Movement?",
"urdu": "سندھ کے کون سے طلباء کے گروپس نے تحریکِ پاکستان میں سرگرمی سے حصہ لیا تھا؟",
"options": ["Sindh Muslim Student Federation and Sindh Madrasatul Islam", "Aligarh College students only", "Only sports clubs", "Foreign student associations"],
"correctAnswer": "A",
"explanation": "[red]Sindh Muslim Student Federation and Sindh Madrasatul Islam[/red] is correct because these educational bodies [blue]mobilized youth[/blue] to work for the creation of Pakistan.",
"explanationUrdu": "[red]سندھ مسلم اسٹوڈنٹس فیڈریشن اور سندھ مدرسۃ الاسلام[/red] درست ہے کیونکہ ان تعلیمی اداروں نے [blue]نوجوانوں کو متحرک[/blue] کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did the general public of Sindh respond to the Lahore/Pakistan Resolution?",
"urdu": "سندھ کے عام لوگوں نے قراردادِ لاہور/پاکستان پر کیا ردِ عمل ظاہر کیا تھا؟",
"options": ["They opposed it", "They supported the Pakistan Resolution", "They did not care", "They ignored it"],
"correctAnswer": "B",
"explanation": "[red]They supported the Pakistan Resolution[/red] is correct because the people of Sindh [blue]strongly backed[/blue] the call for a separate Muslim homeland from the beginning.",
"explanationUrdu": "[red]انہوں نے پاکستان کی قرارداد کی حمایت کی[/red] درست ہے کیونکہ سندھ کے عوام نے شروع سے ہی [blue]الگ مسلم وطن کے مطالبے کی بھرپور حمایت[/blue] کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which date did the provincial assembly of Sindh formally declare Sindh as part of Pakistan?",
"urdu": "سندھ کی صوبائی اسمبلی نے باضابطہ طور پر کس تاریخ کو سندھ کو پاکستان کا حصہ قرار دیا تھا؟",
"options": ["August 14, 1947", "June 26, 1947", "March 23, 1940", "May 24, 1875"],
"correctAnswer": "B",
"explanation": "[red]June 26, 1947[/red] is correct as this was the historic day when the Sindh Assembly voted in favor of [blue]joining the new state[/blue] of Pakistan.",
"explanationUrdu": "[red]26 جون 1947[/red] درست ہے کیونکہ یہ وہ تاریخی دن تھا جب سندھ اسمبلی نے [blue]نئی ریاست پاکستان میں شامل ہونے[/blue] کے حق میں ووٹ دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which province became the first to officially declare its inclusion in Pakistan?",
"urdu": "وہ پہلا صوبہ کون سا تھا جس نے باضابطہ طور پر پاکستان میں شامل ہونے کا اعلان کیا تھا؟",
"options": ["Punjab", "Sindh", "Balochistan", "Bengal"],
"correctAnswer": "B",
"explanation": "[red]Sindh[/red] is correct because its assembly was the [blue]first legislative body[/blue] in undivided India to pass a resolution in favor of joining Pakistan.",
"explanationUrdu": "[red]سندھ[/red] درست ہے کیونکہ اس کی صوبائی اسمبلی نے سب سے پہلے پاکستان میں شامل ہونے کے لیے [blue]باضابطہ قرارداد[/blue] منظور کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Punjab",
"question": "Which province of Pakistan remained a major center of political activities during the independence movement?",
"urdu": "تحریکِ آزادی کے دوران پاکستان کا کون سا صوبہ بنیادی طور پر سیاسی سرگرمیوں کا مرکز رہا؟",
"options": ["Sindh", "Punjab", "Balochistan", "Khyber Pakhtunkhwa"],
"correctAnswer": "B",
"explanation": "[red]Punjab[/red] is correct because it hosted many key political events and played a [blue]central role[/blue] in the struggle for Pakistan.",
"explanationUrdu": "[red]پنجاب[/red] درست ہے کیونکہ یہ خطہ سیاسی سرگرمیوں کا ایک بڑا مرکز تھا اور اس نے تحریکِ پاکستان میں ایک [blue]بڑا سیاسی کردار[/blue] ادا کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who established the first school or branch of the Muslim League in Punjab and set up Punjab Muslim League in 1906?",
"urdu": "پنجاب کے مسلمانوں کو متحد کرنے کے لیے 1906 میں پنجاب مسلم لیگ کس نے قائم کی تھی؟",
"options": ["Dr. Allama Iqbal", "Sir Mian Muhammad Shafi", "Malik Barkat Ali", "Liaquat Ali Khan"],
"correctAnswer": "B",
"explanation": "[red]Sir Mian Muhammad Shafi[/red] is correct because he gathered the Muslim leadership of Punjab under [blue]one political platform[/blue] in 1906.",
"explanationUrdu": "[red]سر میاں محمد شفیع[/red] درست ہے کیونکہ انہوں نے 1906 میں پنجاب کی مسلم قیادت کو ایک [blue]سیاسی پلیٹ فارم[/blue] پر متحد کرنے کا تاریخی کام سرانجام دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides Allama Iqbal, who played an important role in the early politics of Punjab?",
"urdu": "علامہ اقبال کے علاوہ پنجاب کی ابتدائی سیاست میں کس نے اہم کردار ادا کیا تھا؟",
"options": ["Only British officers", "Sir Mian Muhammad Shafi and Malik Barkat Ali", "Only foreign leaders", "Only non-Muslims"],
"correctAnswer": "B",
"explanation": "[red]Sir Mian Muhammad Shafi and Malik Barkat Ali[/red] are correct because they were prominent political workers who guided Punjab's Muslims toward [blue]self-identity[/blue].",
"explanationUrdu": "[red]سر میاں محمد شفیع اور ملک برکت علی[/red] درست ہے کیونکہ یہ وہ ممتاز سیاسی رہنما تھے جنہوں نے پنجاب کے مسلمانوں کو اپنی [blue]الگ شناخت[/blue] کی طرف مائل کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why did the leaders of Punjab favor separate elections for the Muslims of the subcontinent?",
"urdu": "پنجاب کے رہنماؤں نے برصغیر کے مسلمانوں کے لیے الگ انتخابات (separate elections) کی حمایت کیوں کی تھی؟",
"options": ["To increase government taxes", "So that the separate identity of Muslims may be established", "To stop all political movements", "To build schools only"],
"correctAnswer": "B",
"explanation": "[red]So that the separate identity of Muslims may be established[/red] is correct because separate electorates guaranteed that Muslims would have [blue]their own elected representatives[/blue] to protect their interests.",
"explanationUrdu": "[red]تاکہ مسلمانوں کی الگ شناخت قائم ہو سکے[/red] درست ہے، کیونکہ جداگانہ طرزِ انتخاب نے مسلمانوں کو اپنے مفادات کے تحفظ کے لیے [blue]اپنے نمائندے خود منتخب[/blue] کرنے کی ضمانت دی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year and location did Allama Iqbal propose the division of the subcontinent based on the Two-Nation Theory?",
"urdu": "علامہ اقبال نے کس سال اور کس جگہ اپنے خطبے میں دو قومی نظریے کی بنیاد برصغیر کی تقسیم کی تجویز پیش کی تھی؟",
"options": ["Lahore in 1940", "Allahabad in 1930", "Karachi in 1938", "Aligarh in 1875"],
"correctAnswer": "B",
"explanation": "[red]Allahabad in 1930[/red] is correct because during his famous presidential address here, Allama Iqbal envisioned a [blue]separate state for North-Western Muslims[/blue].",
"explanationUrdu": "[red]1930 میں الہ آباد[/red] درست ہے کیونکہ اپنے اس صدارتی خطبے کے دوران علامہ اقبال نے شمال مغربی مسلمانوں کے لیے ایک [blue]الگ ریاست کا خواب[/blue] پیش کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why did Quaid-e-Azam return from England to the subcontinent to lead the Muslims?",
"urdu": "قائد اعظم مسلمانوں کی قیادت سنبھالنے کے لیے انگلینڈ سے واپس برصغیر کیوں آئے تھے؟",
"options": ["To start a business", "On the request of Muslim leaders", "On the orders of the British King", "For his personal health"],
"correctAnswer": "B",
"explanation": "[red]On the request of Muslim leaders[/red] is correct because prominent figures like Allama Iqbal convinced him that [blue]only his leadership[/blue] could unite the Muslims of India.",
"explanationUrdu": "[red]مسلم رہنماؤں کی درخواست پر[/red] درست ہے کیونکہ علامہ اقبال جیسی ممتاز شخصیات نے netizens کو اس بات پر راضی کیا کہ [blue]صرف ان کی قیادت[/blue] ہی برصغیر کے مسلمانوں کو متحد کر سکتی ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where and when was the historic annual session of the All India Muslim League held in 1940?",
"urdu": "1940 میں آل انڈیا مسلم لیگ کا تاریخی سالانہ اجلاس کہاں اور کب منعقد ہوا تھا؟",
"options": ["Karachi in 1938", "Minto Park Lahore on 23rd March, 1940", "Peshawar on 14th August, 1947", "Delhi in 1930"],
"correctAnswer": "B",
"explanation": "[red]Minto Park Lahore on 23rd March, 1940[/red] is correct because this session was where the [blue]formal demand for Pakistan[/blue] was officially presented and passed.",
"explanationUrdu": "[red]23 مارچ 1940 کو منٹو پارک لاہور[/red] درست ہے کیونکہ یہ وہ اجلاس تھا جہاں باضابطہ طور پر [blue]الگ وطن (پاکستان) کا مطالبہ[/blue] پیش کیا گیا اور اسے منظور کیا گیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was presented for the establishment of a separate state for Muslims during the 1940 Lahore session?",
"urdu": "1940 کے لاہور اجلاس کے دوران مسلمانوں کی علیحدہ ریاست کے قیام کے لیے کیا پیش کیا گیا تھا؟",
"options": ["A new constitution", "A resolution", "A map of the world", "A book of poems"],
"correctAnswer": "B",
"explanation": "[red]A resolution[/red] is correct because it was the official declaration (Lahore Resolution) that formally [blue]defined the goal[/blue] of the Pakistan Movement.",
"explanationUrdu": "[red]ایک قرارداد[/red] درست ہے کیونکہ یہ وہ باضابطہ اعلان (قراردادِ لاہور) تھا جس نے تحریکِ پاکستان کے [blue]ہدف کو واضح شکل[/blue] دی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the historic resolution presented on March 23, 1940, titled as?",
"urdu": "23 مارچ 1940 کو پیش کی گئی تاریخی قرارداد کا عنوان کیا تھا؟",
"options": ["Aligarh Resolution", "Delhi Declaration", "Pakistan Resolution", "Freedom Resolution"],
"correctAnswer": "C",
"explanation": "[red]Pakistan Resolution[/red] is correct because although originally called the Lahore Resolution, it became widely popular as the [blue]foundation for the creation[/blue] of Pakistan.",
"explanationUrdu": "[red]قراردادِ پاکستان[/red] درست ہے کیونکہ اگرچہ شروع میں اسے قراردادِ لاہور کہا گیا، لیکن یہ پاکستان کی بنیاد بننے کی وجہ سے [blue]قراردادِ پاکستان[/blue] کے نام سے مشہور ہوئی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which group of people in Punjab did exemplary work for the creation of Pakistan?",
"urdu": "پنجاب میں لوگوں کے کس گروپ نے قیامِ پاکستان کے لیے مثالی کام کیا تھا؟",
"options": ["Only foreign soldiers", "The students", "Only British teachers", "Only elderly citizens"],
"correctAnswer": "B",
"explanation": "[red]The students[/red] is correct because the young, educated generation actively campaigned and [blue]spread the message of independence[/blue] across Punjab.",
"explanationUrdu": "[red]طلباء[/red] درست ہے کیونکہ نوجوان اور پڑھے لکھے طبقے نے پورے پنجاب میں سرگرمی سے کام کیا اور [blue]آزادی کے پیغام[/blue] کو عام کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which student organization spread the message of Quaid-e-Azam to the cities and towns of Punjab?",
"urdu": "پنجاب کے شہروں اور قصبوں میں قائد اعظم کا پیغام کس طلباء تنظیم نے پھیلایا تھا؟",
"options": ["Sindh Muslim Student Federation", "Punjab Muslim Students Federation", "Young Writers Club", "National Sports Federation"],
"correctAnswer": "B",
"explanation": "[red]Punjab Muslim Students Federation[/red] is correct because this body coordinated the efforts of youth to [blue]gain public support[/blue] for the Pakistan Movement.",
"explanationUrdu": "[red]پنجاب مسلم اسٹوڈنٹس فیڈریشن[/red] درست ہے کیونکہ اس تنظیم نے تحریکِ پاکستان کے لیے [blue]عوامی حمایت حاصل کرنے[/blue] کے لیے نوجوانوں کی کوششوں کو منظم کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which date were the Muslim majority areas of Punjab officially declared as part of Pakistan?",
"urdu": "پنجاب کے مسلم اکثریتی علاقوں کو باضابطہ طور پر کس تاریخ کو پاکستان کا حصہ قرار دیا گیا تھا؟",
"options": ["March 23, 1940", "June 3, 1947", "August 14, 1947", "May 24, 1875"],
"correctAnswer": "B",
"explanation": "[red]June 3, 1947[/red] is correct because this was the date of the partition plan (3rd June Plan) that [blue]finalized the inclusion[/blue] of Punjab's Muslim areas in Pakistan.",
"explanationUrdu": "[red]3 جون 1947[/red] درست ہے کیونکہ یہ تقسیم کے منصوبے (3 جون پلان) کا دن تھا جس کے تحت پنجاب کے مسلم اکثریتی علاقوں کو [blue]پاکستان کا حصہ[/blue] قرار دیا گیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Khyber Pakhtunkhwa",
"question": "Which region was the last to be controlled by the British?",
"urdu": "کون سا علاقہ سب سے آخر میں انگریزوں کے کنٹرول میں آیا؟",
"options": ["Punjab", "Sindh", "KPK", "Bengal"],
"correctAnswer": "C",
"explanation": "[red]KPK[/red] is correct because its brave fighters made it the [blue]most difficult and final region[/blue] for the British to capture.",
"explanationUrdu": "[red]خیبر پختونخوا (KPK)[/red] درست ہے کیونکہ یہاں کے بہادر جنگجوؤں نے انگریزوں کے لیے اس پر قبضہ کرنا [blue]سب سے مشکل اور آخری[/blue] بنا دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the people of Khyber Pakhtunkhwa never do to the British?",
"urdu": "خیبر پختونخوا کے لوگوں نے انگریزوں کے سامنے کبھی کیا نہیں کیا؟",
"options": ["Fight", "Surrender", "Talk", "Trade"],
"correctAnswer": "B",
"explanation": "[red]Surrender[/red] is correct because the local tribes chose to [blue]resist and fight[/blue] rather than accept British rule.",
"explanationUrdu": "[red]ہتھیار ڈالنا[/red] درست ہے کیونکہ مقامی قبائل نے انگریزوں کی غلامی قبول کرنے کے بجائے [blue]ہمیشہ مزاحمت کرنے اور لڑنے[/blue] کو ترجیح دی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did the British rulers treat Khyber Pakhtunkhwa due to their resistance?",
"urdu": "مزاحمت کی وجہ سے برطانوی حکمرانوں نے خیبر پختونخوا کے ساتھ کیسا سلوک کیا؟",
"options": ["Developed it", "Ignored it", "Supported it", "Liked it"],
"correctAnswer": "B",
"explanation": "[red]Ignored it[/red] is correct because the British [blue]neglected the region's development[/blue] as a punishment for its continuous rebellion.",
"explanationUrdu": "[red]نظرانداز کیا[/red] درست ہے کیونکہ انگریزوں نے اس خطے کی مسلسل بغاوت کی سزا کے طور پر یہاں کی [blue]ترقی پر کوئی توجہ نہیں دی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When did the people of KPK start raising their voice for their rights?",
"urdu": "خیبر پختونخوا کے لوگوں نے اپنے حقوق کے لیے آواز اٹھانا کب شروع کی؟",
"options": ["In 1947", "During Independence Movement", "In 1990", "Recently"],
"correctAnswer": "B",
"explanation": "[red]During Independence Movement[/red] is correct because the struggle for freedom [blue]inspired the local people[/blue] to stand up for their rights.",
"explanationUrdu": "[red]تحریکِ آزادی کے دوران[/red] درست ہے کیونکہ آزادی کی لہر نے یہاں کے لوگوں کو اپنے [blue]حقوق کے لیے کھڑے ہونے[/blue] کی ترغیب دی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who founded Islamia College Peshawar in 1913?",
"urdu": "1913 میں اسلامیہ کالج پشاور کی بنیاد کس نے رکھی؟",
"options": ["Sir Syed", "Sahibzada Abdul Qayyum", "Liaquat Ali", "Quaid-e-Azam"],
"correctAnswer": "B",
"explanation": "[red]Sahibzada Abdul Qayyum[/red] is correct because he was a great educationalist who wanted to [blue]provide modern learning[/blue] to his people.",
"explanationUrdu": "[red]صاحبزادہ عبدالقیوم[/red] درست ہے کیونکہ وہ ایک عظیم ماہرِ تعلیم تھے جنہوں نے اپنے لوگوں کو [blue]جدید تعلیم دینے[/blue] کے لیے یہ کالج بنایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year was Islamia College Peshawar founded?",
"urdu": "اسلامیہ کالج پشاور کس سال قائم ہوا؟",
"options": ["1947", "1913", "1875", "1930"],
"correctAnswer": "B",
"explanation": "[red]1913[/red] is correct because this was the historic year when the college was [blue]officially opened[/blue] to students.",
"explanationUrdu": "[red]1913[/red] درست ہے کیونکہ یہ وہ تاریخی سال ہے جب اس کالج کو [blue]باضابطہ طور پر[/blue] طلباء کے لیے کھولا گیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Islamia College Peshawar create in Pashtoons?",
"urdu": "اسلامیہ کالج پشاور نے پشتونوں میں کیا پیدا کیا؟",
"options": ["Wealth", "Political awareness", "Anger", "Fear"],
"correctAnswer": "B",
"explanation": "[red]Political awareness[/red] is correct because education allowed the local youth to [blue]understand and fight[/blue] for their political rights.",
"explanationUrdu": "[red]سیاسی شعور[/red] درست ہے کیونکہ تعلیم نے یہاں کے نوجوانوں کو اپنے [blue]سیاسی حقوق کو سمجھنے اور ان کے لیے لڑنے[/blue] کے قابل بنایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which students actively participated in the Pakistan Movement?",
"urdu": "کن طلباء نے تحریکِ پاکستان میں سرگرمی سے حصہ لیا؟",
"options": ["Aligarh students", "Islamia College students", "Lahore students", "Delhi students"],
"correctAnswer": "B",
"explanation": "[red]Islamia College students[/red] is correct because the patriotic youth of this college [blue]campaigned heavily[/blue] for the Pakistan Resolution.",
"explanationUrdu": "[red]اسلامیہ کالج کے طلباء[/red] درست ہے کیونکہ اس کالج کے محب وطن نوجوانوں نے [blue]قراردادِ پاکستان کی حمایت[/blue] میں بڑھ چڑھ کر حصہ لیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who represented KPK in passing the Pakistan Resolution?",
"urdu": "قراردادِ پاکستان منظور کرنے میں خیبر پختونخوا کی نمائندگی کس نے کی؟",
"options": ["Sir Syed", "Sardar Aurangzeb and others", "Only British", "Non-Muslims"],
"correctAnswer": "B",
"explanation": "[red]Sardar Aurangzeb and others[/red] is correct because they were the [blue]provincial leaders[/blue] who signed the declaration for their region.",
"explanationUrdu": "[red]سردار اورنگزیب اور دیگر[/red] درست ہے کیونکہ یہ وہ [blue]صوبائی رہنما[/blue] تھے جنہوں نے اپنے علاقے کی طرف سے قرارداد پر دستخط کیے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the close companion of Quaid-e-Azam from KPK?",
"urdu": "خیبر پختونخوا سے قائد اعظم کے قریبی ساتھی کون تھے؟",
"options": ["Sir Syed", "Sardar Abdul Rab Nishtar", "Liaquat Ali", "Allama Iqbal"],
"correctAnswer": "B",
"explanation": "[red]Sardar Abdul Rab Nishtar[/red] is correct because he was a [blue]trusted lieutenant[/blue] of the Quaid during the independence struggle.",
"explanationUrdu": "[red]سردار عبدالرب نشتر[/red] درست ہے کیونکہ وہ تحریکِ آزادی کے دوران قائد اعظم کے ایک [blue]باعتماد اور قریبی ساتھی[/blue] تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was Sardar Abdul Rab Nishtar strongly against?",
"urdu": "سردار عبدالرب نشتر کس کے سخت خلاف تھے؟",
"options": ["Anti-Muslim laws", "Trade", "Education", "Sports"],
"correctAnswer": "A",
"explanation": "[red]Anti-Muslim laws[/red] is correct because he opposed any regulations made by the British and Hindus that [blue]harmed Muslim rights[/blue].",
"explanationUrdu": "[red]مسلم کش قوانین[/red] درست ہے کیونکہ انہوں نے ہر اس قانون کی مخالفت کی جو [blue]مسلمانوں کے حقوق کو نقصان[/blue] پہنچاتا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which party won the elections in the North-West Frontier Province (KPK)?",
"urdu": "صوبے (کے پی کے) میں ہونے والے انتخابات کس جماعت نے جیتے؟",
"options": ["Congress", "Muslim League", "British", "Independents"],
"correctAnswer": "B",
"explanation": "[red]Muslim League[/red] is correct because the party's election victory proved that the [blue]people of the province supported Pakistan[/blue].",
"explanationUrdu": "[red]مسلم لیگ[/red] درست ہے کیونکہ انتخابات میں مسلم لیگ کی کامیابی نے یہ ثابت کیا کہ [blue]صوبے کے لوگ پاکستان کے حامی[/blue] تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which provincial office did Sardar Abdul Rab Nishtar hold in KPK?",
"urdu": "سردار عبدالرب نشتر نے خیبر پختونخوا میں کون سا عہدہ سنبھالا؟",
"options": ["Governor", "Finance Minister", "Chief Justice", "Mayor"],
"correctAnswer": "B",
"explanation": "[red]Finance Minister[/red] is correct because he was appointed to [blue]manage the financial and legislative affairs[/blue] of the province.",
"explanationUrdu": "[red]وزیرِ خزانہ[/red] درست ہے کیونکہ انہیں صوبے کے [blue]مالیاتی اور قانون سازی کے امور[/blue] سنبھالنے کے لیے مقرر کیا گیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was held in KPK in July 1947 to know the will of the people?",
"urdu": "جولائی 1947 میں خیبر پختونخوا میں لوگوں کی مرضی جاننے کے لیے کیا منعقد کیا گیا؟",
"options": ["War", "Referendum", "Strike", "Game"],
"correctAnswer": "B",
"explanation": "[red]Referendum[/red] is correct because it was a [blue]direct vote by the citizens[/blue] to decide whether to join Pakistan or India.",
"explanationUrdu": "[red]ریفرنڈم[/red] درست ہے کیونکہ یہ شہریوں کا [blue]براہِ راست ووٹ[/blue] تھا جس کے ذریعے پاکستان یا بھارت میں شامل ہونے کا فیصلہ کیا گیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the result of the referendum in KPK?",
"urdu": "خیبر پختونخوا میں ہونے والے ریفرنڈم کا کیا نتیجہ نکلا؟",
"options": ["Voted for India", "Voted for Pakistan", "Cancelled", "No votes"],
"correctAnswer": "B",
"explanation": "[red]Voted for Pakistan[/red] is correct because the majority of the people voted in favor of [blue]joining Pakistan[/blue], making it part of the country.",
"explanationUrdu": "[red]پاکستان کے حق میں ووٹ دیا[/red] درست ہے کیونکہ لوگوں کی اکثریت نے [blue]پاکستان میں شامل ہونے[/blue] کا فیصلہ کیا اور یوں یہ پاکستان کا صوبہ بنا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which assembly did Sardar Abdul Rab Nishtar remain a member of?",
"urdu": "سردار عبدالرب نشتر کس اسمبلی کے رکن رہے؟",
"options": ["National Assembly", "Legislative Assembly of Khyber Pakhtunkhwa", "British Parliament", "Sindh Assembly"],
"correctAnswer": "B",
"explanation": "[red]Legislative Assembly of Khyber Pakhtunkhwa[/red] is correct because he was elected to represent his province in its [blue]law-making body[/blue].",
"explanationUrdu": "[red]خیبر پختونخوا کی قانون ساز اسمبلی[/red] درست ہے کیونکہ وہ اپنے صوبے کی نمائندگی کے لیے [blue]قانون ساز ادارے کے رکن[/blue] منتخب ہوئے تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which province did the volunteer squad that guarded Quaid-e-Azam on March 23, 1940, belong to?",
"urdu": "23 مارچ 1940 کے جلسے میں قائد اعظم کی سیکیورٹی پر مامور رضا کاروں کے دستے کا تعلق کس صوبے سے تھا؟",
"options": ["Sindh", "Punjab", "Khyber Pakhtunkhwa", "Balochistan"],
"correctAnswer": "C",
"explanation": "[red]Khyber Pakhtunkhwa[/red] is correct because a dedicated team of volunteers from this province took charge of [blue]protecting the leader[/blue] during the historic meeting.",
"explanationUrdu": "[red]خیبر پختونخوا[/red] درست ہے کیونکہ اس صوبے کے رضاکاروں کے ایک مخصوص دستے نے تاریخی اجلاس کے دوران [blue]قائد اعظم کی حفاظت[/blue] کی ذمہ داری سنبھالی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What duty did the volunteers from Khyber Pakhtunkhwa perform on March 23, 1940?",
"urdu": "23 مارچ 1940 کو خیبر پختونخوا کے رضا کاروں نے کون سا فریضہ سرانجام دیا تھا؟",
"options": ["Cooking food", "Security of Quaid-e-Azam", "Translating speeches", "Writing news"],
"correctAnswer": "B",
"explanation": "[red]Security of Quaid-e-Azam[/red] is correct as these volunteers ensured the safety of the nation's leader during the grand [blue]Lahore Resolution gathering[/blue].",
"explanationUrdu": "[red]قائد اعظم کی سیکیورٹی[/red] درست ہے کیونکہ ان رضاکاروں نے تاریخی اجلاسِ لاہور کے دوران اپنے [blue]قائد کی جان و مال کی حفاظت[/blue] کو یقینی بنایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which historic date did volunteers from KP provide security to Quaid-e-Azam?",
"urdu": "خیبر پختونخوا کے رضا کاروں نے کس تاریخی تاریخ کو قائد اعظم کو سیکیورٹی فراہم کی تھی؟",
"options": ["14 August 1947", "23 March 1940", "11 September 1948", "25 December 1876"],
"correctAnswer": "B",
"explanation": "[red]23 March 1940[/red] is correct because this was the day the historic Lahore Resolution was passed, requiring [blue]tight security[/blue] for the leaders.",
"explanationUrdu": "[red]23 مارچ 1940[/red] درست ہے کیونکہ یہ وہ دن تھا جب تاریخی قراردادِ لاہور منظور کی گئی تھی اور قائدین کے لیے [blue]سخت حفاظتی انتظامات[/blue] کی ضرورت تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did Quaid-e-Azam visit Islamia College Peshawar?",
"urdu": "قائد اعظم نے کس سال اسلامیہ کالج پشاور کا دورہ کیا تھا؟",
"options": ["1930", "1936", "1947", "1950"],
"correctAnswer": "B",
"explanation": "[red]1936[/red] is correct as this was the year of his historic visit to the college, where he engaged with the [blue]patriotic student body[/blue].",
"explanationUrdu": "[red]1936[/red] درست ہے کیونکہ یہ وہ سال تھا جب انہوں نے اس کالج کا تاریخی دورہ کیا اور وہاں کے [blue]محبِ وطن طلباء[/blue] سے ملاقات کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Of which union of Islamia College was Quaid-e-Azam given honorary membership?",
"urdu": "قائد اعظم کو اسلامیہ کالج کی کس یونین کی اعزازی رکنیت دی گئی تھی؟",
"options": ["Aligarh Union", "Khyber Union", "National Union", "Student Union"],
"correctAnswer": "B",
"explanation": "[red]Khyber Union[/red] is correct because it was the [blue]prestigious student body[/blue] of Islamia College Peshawar that presented him with this honor.",
"explanationUrdu": "[red]خیبر یونین[/red] درست ہے کیونکہ اسلامیہ کالج پشاور کی اس [blue]معتبر طلباء یونین[/blue] نے قائد اعظم کو یہ اعزاز پیش کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How much of his property did Quaid-e-Azam donate to Islamia College Peshawar?",
"urdu": "قائد اعظم نے اپنی جائیداد کا کتنا حصہ اسلامیہ کالج پشاور کے لیے عطیہ کیا تھا؟",
"options": ["One-half", "One-third", "All of it", "One-fourth"],
"correctAnswer": "B",
"explanation": "[red]One-third[/red] is correct because Quaid-e-Azam valued education highly and left a major portion of his estate to [blue]support this key educational institution[/blue].",
"explanationUrdu": "[red]ایک تہائی[/red] درست ہے کیونکہ قائد اعظم تعلیم کو بہت اہمیت دیتے تھے اور انہوں نے اس تعلیمی ادارے کی مالی مدد کے لیے اپنی [blue]جائیداد کا بڑا حصہ وقف[/blue] کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When was the referendum held in the North-West Frontier Province?",
"urdu": "شمال مغربی سرحدی صوبے میں ریفرنڈم (استصوابِ رائے) کب منعقد ہوا تھا؟",
"options": ["In 1930", "After July 1947", "In 1857", "In 1913"],
"correctAnswer": "B",
"explanation": "[red]After July 1947[/red] is correct as this was the [blue]crucial time right before partition[/blue] when the people voted on their future.",
"explanationUrdu": "[red]جولائی 1947 کے بعد[/red] درست ہے کیونکہ یہ تقسیم سے پہلے کا وہ [blue]اہم وقت[/blue] تھا جب وہاں کے لوگوں نے اپنے مستقبل کے لیے ووٹ دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Balochistan",
"question": "Which ancient civilization is Balochistan home to?",
"urdu": "بلوچستان کس قدیم ترین تہذیب کا مسکن ہے؟",
"options": ["Indus Valley", "Mehr Garh", "Egyptian", "Roman"],
"correctAnswer": "B",
"explanation": "[red]Mehr Garh[/red] is correct because this ancient site is located in Balochistan and is one of the [blue]earliest farming settlements[/blue] in South Asia.",
"explanationUrdu": "[red]مہر گڑھ[/red] درست ہے کیونکہ یہ قدیم ترین تاریخی مقام بلوچستان میں واقع ہے اور یہ جنوبی ایشیا کی [blue]اولین زرعی بستیوں[/blue] میں سے ایک ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where were the remains of the Mehr Garh civilization discovered?",
"urdu": "مہر گڑھ تہذیب کے کھنڈرات کہاں سے دریافت ہوئے ہیں؟",
"options": ["Lahore and Karachi", "Bolan Pass, Quetta, and Sibi", "Peshawar and Swat", "Multan and Taxila"],
"correctAnswer": "B",
"explanation": "[red]Bolan Pass, Quetta, and Sibi[/red] is correct as the remains and artifacts of this ancient culture were [blue]excavated around these areas[/blue].",
"explanationUrdu": "[red]درہ بولان، کوئٹہ اور سبی[/red] درست ہے کیونکہ اس قدیم ثقافت کے آثار ان [blue]مخصوص جغرافیائی حصوں[/blue] سے دریافت ہوئے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a prominent natural trait of the people of Balochistan?",
"urdu": "بلوچستان کے لوگوں کی ایک نمایاں قدرتی خاصیت کیا ہے؟",
"options": ["Laziness", "Freedom lovers", "Dependence on others", "Shyness"],
"correctAnswer": "B",
"explanation": "[red]Freedom lovers[/red] is correct because the local tribes of Balochistan have a long, proud history of [blue]valuing their independence[/blue].",
"explanationUrdu": "[red]آزادی پسند[/red] درست ہے کیونکہ بلوچستان کے لوگوں کی اپنی [blue]خودمختاری اور آزادی[/blue] کو عزیز رکھنے کی ایک طویل اور فخر پر مبنی تاریخ ہے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the brave people of Balochistan never accept throughout history?",
"urdu": "بلوچستان کے بہادر لوگوں نے تاریخ میں کبھی کیا قبول نہیں کیا؟",
"options": ["Trade", "Education", "Slavery", "Treaties"],
"correctAnswer": "C",
"explanation": "[red]Slavery[/red] is correct because their [blue]strong love for liberty[/blue] prevented them from submitting to foreign or domestic rulers.",
"explanationUrdu": "[red]غلامی[/red] درست ہے کیونکہ [blue]آزادی سے شدید محبت[/blue] نے انہیں کبھی کسی بیرونی یا اندرونی حاکم کے سامنے جھکنے نہیں دیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How was the development of Balochistan compared to other regions in the subcontinent?",
"urdu": "برصغیر کے دوسرے علاقوں کے مقابلے میں بلوچستان کی ترقی کا سفر کیسا تھا؟",
"options": ["Highly advanced", "More backward", "Exactly the same", "Industrialized"],
"correctAnswer": "B",
"explanation": "[red]More backward[/red] is correct because due to its harsh geography and neglect, the province lacked [blue]basic infrastructure and services[/blue].",
"explanationUrdu": "[red]زیادہ پسماندہ[/red] درست ہے کیونکہ مشکل جغرافیہ اور نظراندازی کی وجہ سے یہ علاقہ [blue]بنیادی سہولیات اور ترقی[/blue] سے محروم تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is true about the start of the Pakistan Movement in Balochistan?",
"urdu": "بلوچستان میں تحریکِ پاکستان کے آغاز کے بارے میں کیا بات درست ہے؟",
"options": ["It started very early", "It started very late", "It never started", "It was done by foreigners"],
"correctAnswer": "B",
"explanation": "[red]It started very late[/red] is correct because the region's educational and political isolation [blue]delayed the organization of the movement[/blue] there.",
"explanationUrdu": "[red]بہت دیر سے شروع ہوئی[/red] درست ہے کیونکہ اس خطے کے تعلیمی اور سیاسی طور پر الگ ہونے کی وجہ سے وہاں [blue]تحریک کو منظم ہونے[/blue] میں وقت لگا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who strengthened the Balochistan Muslim League on the directives of Quaid-e-Azam?",
"urdu": "قائد اعظم کی ہدایت پر بلوچستان مسلم لیگ کو کس نے مضبوط اور فعال بنایا؟",
"options": ["Sir Syed", "Qazi Muhammad Isa", "Liaquat Ali Khan", "Allama Iqbal"],
"correctAnswer": "B",
"explanation": "[red]Qazi Muhammad Isa[/red] is correct because he was the [blue]key leader chosen by the Quaid[/blue] to organize and lead the party in Balochistan.",
"explanationUrdu": "[red]قاضی محمد عیسیٰ[/red] درست ہے کیونکہ وہ وہ اہم ترین رہنما تھے جنہیں قائد اعظم نے بلوچستان میں [blue]پارٹی کو منظم کرنے[/blue] کی ذمہ داری دی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did Qazi Muhammad Isa strengthen the Balochistan Muslim League?",
"urdu": "قاضی محمد عیسیٰ نے بلوچستان مسلم لیگ کو کس سال مضبوط اور متحرک کیا؟",
"options": ["1930", "1939", "1947", "1913"],
"correctAnswer": "B",
"explanation": "[red]1939[/red] is correct because this was the year when Qazi Muhammad Isa formally took charge of [blue]organizing the provincial branch[/blue].",
"explanationUrdu": "[red]1939[/red] درست ہے کیونکہ یہ وہ سال تھا جب قاضی محمد عیسیٰ نے صوبائی سطح پر [blue]پارٹی کو منظم کرنے[/blue] کے کام کا باضابطہ آغاز کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which prominent female leader from Balochistan actively participated in the Pakistan Movement?",
"urdu": "بلوچستان سے تعلق رکھنے والی کس ممتاز خاتون رہنما نے تحریکِ پاکستان میں سرگرمی سے حصہ لیا تھا؟",
"options": ["Fatima Jinnah", "Begum Saeeda Qazi", "Begum Nusrat Bhutto", "Begum Salma"],
"correctAnswer": "B",
"explanation": "[red]Begum Saeeda Qazi[/red] is correct because she was the wife of Qazi Muhammad Isa and worked hard to [blue]mobilize women in Balochistan[/blue].",
"explanationUrdu": "[red]بیگم سعیدہ قاضی[/red] درست ہے کیونکہ وہ قاضی محمد عیسیٰ کی شریکِ حیات تھیں اور انہوں نے بلوچستان میں [blue]خواتین کو بیدار کرنے[/blue] کے لیے بڑی محنت کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On whose arrival to Quetta did Begum Saeeda Qazi arrange a grand meeting?",
"urdu": "کوئٹہ آمد پر بیگم سعیدہ قاضی نے کس کی استقبالیہ ملاقات اور جلسے کا انتظام کیا تھا؟",
"options": ["Allama Iqbal", "Quaid-e-Azam", "Liaquat Ali Khan", "Mountbatten"],
"correctAnswer": "B",
"explanation": "[red]Quaid-e-Azam[/red] is correct as she played an active role in welcoming the national leader during his [blue]historic visit to the capital[/blue] of Balochistan.",
"explanationUrdu": "[red]قائد اعظم[/red] درست ہے کیونکہ انہوں نے بلوچستان کے دارالحکومت کے [blue]تاریخی دورے کے دوران[/blue] قومی رہنما کا استقبال کرنے میں ایک فعال کردار ادا کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following leaders guided the people of Balochistan in the Pakistan Movement?",
"urdu": "درج ذیل میں سے کن رہنماؤں نے تحریکِ پاکستان میں بلوچستان کے لوگوں کی رہنمائی کی؟",
"options": ["F. A. Ghazi", "M. A. J. Kasi", "Fateh Muhammad", "All Of The Above"],
"correctAnswer": "D",
"explanation": "[red]All Of The Above[/red] is correct as they were the [blue]prominent local leaders[/blue] who spread the message of Muslim League in the region.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ یہ وہ [blue]ممتاز مقامی رہنما[/blue] تھے جنہوں نے اس خطے میں مسلم لیگ کا پیغام پھیلایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which resolution did the people of Balochistan support in 1940?",
"urdu": "1940 میں بلوچستان کے لوگوں نے کس قرارداد کی حمایت کی تھی؟",
"options": ["Delhi Declaration", "Pakistan Resolution", "Aligarh Resolution", "None of these"],
"correctAnswer": "B",
"explanation": "[red]Pakistan Resolution[/red] is correct because the leadership and public of Balochistan backed the 1940 [blue]demand for a separate country[/blue].",
"explanationUrdu": "[red]قراردادِ پاکستان[/red] درست ہے کیونکہ بلوچستان کے عوام اور قیادت نے 1940 میں [blue]الگ ملک کے قیام کے مطالبے[/blue] کی کھل کر تائید کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which traditional body of Balochistan officially decided to join Pakistan?",
"urdu": "بلوچستان کے کس روایتی کونسل یا جرگے نے باضابطہ طور پر پاکستان میں شامل ہونے کا فیصلہ کیا تھا؟",
"options": ["National Assembly", "Shahi Jirga", "Local Council", "Municipal Committee"],
"correctAnswer": "B",
"explanation": "[red]Shahi Jirga[/red] is correct because this grand council representing tribal chiefs voted to [blue]join the newly formed state[/blue] of Pakistan in 1947.",
"explanationUrdu": "[red]شاہی جرگہ[/red] درست ہے کیونکہ قبائلی سرداروں کی اس بڑی کونسل نے 1947 میں [blue]پاکستان میں شمولیت[/blue] کے حق میں تاریخی فیصلہ دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which leaders showed great enthusiasm in taking the decision of joining Pakistan in Balochistan?",
"urdu": "بلوچستان میں پاکستان میں شامل ہونے کے فیصلے میں کن رہنماؤں نے زبردست جوش و خروش کا مظاہرہ کیا؟",
"options": ["Sir Syed and Allama Iqbal", "Mir Jafar Khan Jamali", "Nawab M. Khan Jogezai", "B and C"],
"correctAnswer": "D",
"explanation": "[red]B and C[/red] is correct because Nawab M. Khan Jogezai and Mir Jafar Khan Jamali played an active role in [blue]directing the Shahi Jirga to choose Pakistan[/blue].",
"explanationUrdu": "[red]B اور C[/red] درست ہے کیونکہ نواب محمد خان جوگیزئی اور میر جعفر خان جمالی نے [blue]شاہی جرگے کو پاکستان کے حق میں فیصلہ[/blue] کرنے میں اہم کردار ادا کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Gilgit Baltistan",
"question": "Who controlled Gilgit Baltistan when the Pakistan Movement was at its peak?",
"urdu": "جب تحریکِ پاکستان عروج پر تھی، تو گلگت بلتستان کس کے کنٹرول میں تھا؟",
"options": ["British", "Maharaja", "Local people", "Chinese rulers"],
"correctAnswer": "B",
"explanation": "[red]Maharaja[/red] is correct because Gilgit Baltistan was part of the princely state of Jammu and Kashmir, which was [blue]ruled by a local Maharaja[/blue] under British protection.",
"explanationUrdu": "[red]مہاراجہ[/red] درست ہے کیونکہ گلگت بلتستان جموں و کشمیر کی ریاست کا حصہ تھا جس پر انگریزوں کے ماتحت ایک [blue]مقامی مہاراجہ کی حکومت[/blue] تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which plan gave independent states the option to join either Pakistan or India?",
"urdu": "کس منصوبے کے تحت برصغیر کی تمام آزاد ریاستوں کو پاکستان یا بھارت میں شامل ہونے کا اختیار دیا گیا تھا؟",
"options": ["1930 Address", "3rd June Plan", "Lahore Resolution", "Aligarh Act"],
"correctAnswer": "B",
"explanation": "[red]3rd June Plan[/red] is correct because this partition plan allowed princely states to [blue]choose which country[/blue] they wanted to join based on geographic and demographic factors.",
"explanationUrdu": "[red]3 جون پلان[/red] درست ہے کیونکہ اس منصوبے کے تحت تمام خود مختار ریاستوں کو اپنی مرضی سے [blue]پاکستان یا بھارت کا حصہ بننے[/blue] کا حق دیا گیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which Maharaja decided to join India against the will of the people of Gilgit Baltistan?",
"urdu": "کس مہاراجہ نے عوام کی مرضی کے خلاف بھارت میں شامل ہونے کا فیصلہ کیا تھا؟",
"options": ["Ranjit Singh", "Maharaja Hari Singh", "Gulab Singh", "Karan Singh"],
"correctAnswer": "B",
"explanation": "[red]Maharaja Hari Singh[/red] is correct because his decision to sign the accession with India went against the [blue]pro-Pakistan wishes[/blue] of the Muslim-majority population of Gilgit Baltistan.",
"explanationUrdu": "[red]مہاراجہ ہری سنگھ[/red] درست ہے کیونکہ انہوں نے [blue]مسلم اکثریتی آبادی کی خواہشات[/blue] کے خلاف جا کر بھارت کے ساتھ الحاق کا فیصلہ کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which military soldiers started a rebellion against the Maharaja's decision?",
"urdu": "مہاراجہ کے فیصلے کے خلاف کن فوجی دستوں کے سپاہیوں نے بغاوت شروع کی تھی؟",
"options": ["Gilgit Scouts", "Kashmir 6th Infantry", "Both (A) and (B)", "Only British soldiers"],
"correctAnswer": "C",
"explanation": "[red]Both (A) and (B)[/red] is correct because patriotic soldiers from both the Gilgit Scouts and the Kashmir 6th Infantry [blue]united to overthrow[/blue] the Maharaja's rule.",
"explanationUrdu": "[red](A) اور (B) دونوں[/red] درست ہے کیونکہ گلگت اسکاؤٹس اور کشمیر 6th انفنٹری دونوں کے سپاہیوں نے مل کر مہاراجہ کے خلاف [blue]بغاوت[/blue] کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who led the historic rebellion against the Maharaja in Gilgit Baltistan?",
"urdu": "مہاراجہ کے خلاف اس تاریخی بغاوت کی قیادت کن رہنماؤں نے کی تھی؟",
"options": ["Mirza Hasan Khan", "Babar Khan", "Shah Khan", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because Mirza Hasan Khan, Babar Khan, and Shah Khan were the [blue]joint military commanders[/blue] who led the struggle for independence.",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ مرزا حسن خان، بابر خان اور شاہ خان وہ [blue]مشترکہ فوجی کمانڈرز[/blue] تھے جنہوں نے اس بغاوت کی قیادت کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Whose government was dismissed on November 1, 1947, by the local rebels in Gilgit?",
"urdu": "یکم نومبر 1947 کو مقامی باغیوں نے گلگت میں کس گورنر کی حکومت کا خاتمہ کیا تھا؟",
"options": ["Governor Ghansara Singh", "Maharaja Hari Singh", "Lord Mountbatten", "Mian Zia-ud-din"],
"correctAnswer": "A",
"explanation": "[red]Governor Ghansara Singh[/red] is correct because he was the representative of the Maharaja in Gilgit whose administration was [blue]overthrown by the freedom fighters[/blue].",
"explanationUrdu": "[red]گورنر گھنسارا سنگھ[/red] درست ہے کیونکہ وہ گلگت میں مہاراجہ کا نمائندہ تھا جس کی حکومت کو [blue]مجاہدینِ آزادی نے ختم[/blue] کر دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which date did the local forces declare the independence of Gilgit Baltistan?",
"urdu": "مقامی افواج نے گلگت بلتستان کی آزادی کا اعلان کس تاریخ کو کیا تھا؟",
"options": ["August 14, 1947", "November 1, 1947", "June 3, 1947", "November 16, 1947"],
"correctAnswer": "B",
"explanation": "[red]November 1, 1947[/red] is correct as this is the historic Independence Day of Gilgit Baltistan, marked by the [blue]removal of the Maharaja's governor[/blue].",
"explanationUrdu": "[red]یکم نومبر 1947[/red] درست ہے کیونکہ یہ گلگت بلتستان کا تاریخی یومِ آزادی ہے، جب انہوں نے [blue]ڈوگرہ راج کا خاتمہ[/blue] کر کے اپنی آزادی کا اعلان کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When was Pakistan's flag hoisted at the Scout Line in Gilgit after independence?",
"urdu": "آزادی کے بعد گلگت میں اسکاؤٹ لائن پر پاکستان کا پرچم کس تاریخ کو لہرایا گیا تھا؟",
"options": ["November 1, 1947", "November 2, 1947", "November 16, 1947", "August 15, 1947"],
"correctAnswer": "B",
"explanation": "[red]November 2, 1947[/red] is correct because on this day, the newly independent local leaders officially [blue]raised the Pakistani flag[/blue] to show their allegiance.",
"explanationUrdu": "[red]2 نومبر 1947[/red] درست ہے کیونکہ اس دن آزاد ہونے والے مقامی رہنماؤں نے باضابطہ طور پر [blue]پاکستان کا پرچم لہرایا[/blue] اور اپنی حکومت قائم کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was appointed as the first president of the provincial government of Gilgit Baltistan?",
"urdu": "گلگت بلتستان کی عبوری صوبائی حکومت کا پہلا صدر کسے مقرر کیا گیا تھا؟",
"options": ["Mirza Hasan Khan", "Shah Raees Khan", "Babar Khan", "Muhammad Alam Khan"],
"correctAnswer": "B",
"explanation": "[red]Shah Raees Khan[/red] is correct because he was chosen to lead the local [blue]temporary administration[/blue] after the successful revolution.",
"explanationUrdu": "[red]شاہ رئیس خان[/red] درست ہے کیونکہ انہیں کامیاب انقلاب کے بعد وہاں کی [blue]عبوری مقامی حکومت کا صدر[/blue] منتخب کیا گیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was appointed as the commander in chief of the newly independent Gilgit Baltistan forces?",
"urdu": "نئے آزاد ہونے والے گلگت بلتستان کی افواج کا کمانڈر ان چیف کسے مقرر کیا گیا تھا؟",
"options": ["Shah Raees Khan", "Mirza Hasan Khan", "Babar Khan", "Ghansara Singh"],
"correctAnswer": "B",
"explanation": "[red]Mirza Hasan Khan[/red] is correct because he was given the [blue]military command[/blue] to protect the newly liberated territory from any counter-attacks.",
"explanationUrdu": "[red]مرزا حسن خان[/red] درست ہے کیونکہ انہیں نوزائیدہ آزاد علاقے کی افواج کا [blue]کمانڈر ان چیف[/blue] مقرر کیا گیا تھا تاکہ وہ دفاعی امور سنبھال سکیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which date did Sardar Muhammad Alam Khan arrive in Gilgit?",
"urdu": "سردار محمد عالم خان کس تاریخ کو گلگت پہنچے تھے؟",
"options": ["November 1, 1947", "November 16, 1947", "June 3, 1947", "November 2, 1947"],
"correctAnswer": "B",
"explanation": "[red]November 16, 1947[/red] is correct because this was the day the representative of the Pakistani government reached Gilgit to [blue]officially take charge[/blue].",
"explanationUrdu": "[red]16 نومبر 1947[/red] درست ہے کیونکہ یہ وہ دن تھا جب حکومتِ پاکستان کے نمائندے باضابطہ طور پر [blue]گلگت پہنچے[/blue] تھے۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who took control of the administration of Gilgit Baltistan, bringing it under the Government of Pakistan?",
"urdu": "کس نے گلگت بلتستان کی انتظامیہ کا کنٹرول سنبھال کر اسے باضابطہ طور پر حکومتِ پاکستان کے ماتحت کیا؟",
"options": ["Mirza Hasan Khan", "Sardar Muhammad Alam Khan", "Shah Raees Khan", "Ghansara Singh"],
"correctAnswer": "B",
"explanation": "[red]Sardar Muhammad Alam Khan[/red] is correct because he was sent as the first [blue]Political Agent[/blue] by Pakistan to govern the newly annexed region.",
"explanationUrdu": "[red]سردار محمد عالم خان[/red] درست ہے کیونکہ انہوں نے پاکستان کے پہلے [blue]پولیٹیکل ایجنٹ[/blue] کے طور پر انتظامیہ کا کنٹرول سنبھال کر علاقے کو پاکستان کا حصہ بنایا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Azad Jammu and Kashmir",
"question": "What was the political status of Jammu and Kashmir at the time of partition?",
"urdu": "تقسیم کے وقت جموں و کشمیر کی سیاسی حیثیت کیا تھی؟",
"options": ["A British province", "An independent state", "A district", "A colony"],
"correctAnswer": "B",
"explanation": "[red]An independent state[/red] is correct because Jammu and Kashmir was a [blue]princely state[/blue] ruled by a local Maharaja.",
"explanationUrdu": "[red]ایک آزاد ریاست[/red] درست ہے کیونکہ جموں و کشمیر ایک [blue]شاہی ریاست[/blue] تھی جس پر مہاراجہ کی حکومت تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the religious majority of Jammu and Kashmir at the time of partition?",
"urdu": "تقسیم کے وقت جموں و کشمیر میں کس مذہب کی اکثریت تھی؟",
"options": ["Hindu majority", "Muslim majority", "Sikh majority", "Buddhist majority"],
"correctAnswer": "B",
"explanation": "[red]Muslim majority[/red] is correct because the overwhelming majority of the Kashmiri population [blue]followed the Islamic faith[/blue].",
"explanationUrdu": "[red]مسلم اکثریتی ریاست[/red] درست ہے کیونکہ کشمیر کی آبادی کی بہت بڑی اکثریت [blue]مسلمان[/blue] تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What influenced the people of Jammu and Kashmir during the 1940s?",
"urdu": "1940ء کی دہائی کے دوران جموں و کشمیر کے لوگوں پر کس چیز نے اثر ڈالا تھا؟",
"options": ["Wave of independence", "World War", "Local trade", "Foreign schools"],
"correctAnswer": "A",
"explanation": "[red]Wave of independence[/red] is correct because the freedom struggles in the subcontinent [blue]inspired Kashmiris[/blue] to demand their rights.",
"explanationUrdu": "[red]آزادی کی لہر[/red] درست ہے کیونکہ برصغیر میں آزادی کی جدوجہد نے [blue]کشمیریوں کو بھی اپنے حقوق[/blue] کے لیے لڑنے کی ترغیب دی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the famous leader of the Pakistan Movement from Kashmir?",
"urdu": "کشمیر سے تعلق رکھنے والے تحریکِ پاکستان کے مشہور رہنما کون تھے؟",
"options": ["Sir Syed", "Syed Zia-ud-Din Indrabi", "Allama Iqbal", "Quaid-e-Azam"],
"correctAnswer": "B",
"explanation": "[red]Syed Zia-ud-Din Indrabi[/red] is correct as he was a prominent Kashmiri leader who [blue]supported the creation of Pakistan[/blue].",
"explanationUrdu": "[red]سید ضیاء الدین اندرابی[/red] درست ہے کیونکہ وہ کشمیر کے ایک مقتدر رہنما تھے جنہوں نے [blue]پاکستان کے قیام[/blue] کی حمایت کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who represented the Kashmiri delegation in the historic March 23, 1940 meeting?",
"urdu": "23 مارچ 1940 کے اجلاس میں کشمیری وفد کی نمائندگی کس نے کی تھی؟",
"options": ["Ghulam Abbas", "Syed Zia-ud-Din Indrabi", "Sardar Nishtar", "Quaid-e-Azam"],
"correctAnswer": "B",
"explanation": "[red]Syed Zia-ud-Din Indrabi[/red] is correct because he represented the Kashmiri people and [blue]supported the Pakistan Resolution[/blue].",
"explanationUrdu": "[red]سید ضیاء الدین اندرابی[/red] درست ہے کیونکہ انہوں نے اس اجلاس میں کشمیری وفد کی طرف سے [blue]قراردادِ پاکستان کی تائید[/blue] کی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was another prominent leader of Kashmir?",
"urdu": "کشمیر کے دوسرے ممتاز رہنما کون تھے؟",
"options": ["Sir Syed", "Chaudhry Ghulam Abbas", "Allama Iqbal", "Liaquat Ali"],
"correctAnswer": "B",
"explanation": "[red]Chaudhry Ghulam Abbas[/red] is correct because he was a major political leader who led the [blue]Kashmiris' struggle to join Pakistan[/blue].",
"explanationUrdu": "[red]چوہدری غلام عباس[/red] درست ہے کیونکہ وہ ایک بڑے رہنما تھے جنہوں نے [blue]پاکستان کے ساتھ الحاق[/blue] کے لیے کشمیریوں کی جدوجہد کی قیادت کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What options were independent states given at the time of partition?",
"urdu": "تقسیم کے وقت آزاد ریاستوں کو کیا اختیارات دیے گئے؟",
"options": ["Join India", "Join Pakistan", "Retain independence", "All of the above"],
"correctAnswer": "D",
"explanation": "[red]All of the above[/red] is correct because the partition plan allowed these states to choose to join either country or [blue]remain independent[/blue].",
"explanationUrdu": "[red]مندرجہ بالا تمام[/red] درست ہے کیونکہ تقسیم کے منصوبے نے ریاستوں کو دونوں میں سے کسی ایک ملک میں شامل ہونے یا [blue]آزاد رہنے[/blue] کا اختیار دیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which country did the people of Kashmir want to join?",
"urdu": "کشمیر کے لوگ کس ملک میں شامل ہونا چاہتے تھے؟",
"options": ["India", "China", "Pakistan", "Iran"],
"correctAnswer": "C",
"explanation": "[red]Pakistan[/red] is correct because cultural and religious ties made the Kashmiri public favor [blue]joining the new Muslim state[/blue].",
"explanationUrdu": "[red]پاکستان[/red] درست ہے کیونکہ مذہبی اور ثقافتی تعلقات کی وجہ سے کشمیریوں کی اکثریت [blue]پاکستان میں شامل ہونا[/blue] چاہتی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which date did Maharaja Hari Singh decide to annex Jammu and Kashmir with India?",
"urdu": "مہاراجہ ہری سنگھ نے کس تاریخ کو ریاست جموں و کشمیر کا الحاق بھارت کے ساتھ کرنے کا فیصلہ کیا؟",
"options": ["14 August 1947", "26 October 1947", "3 June 1947", "23 March 1940"],
"correctAnswer": "B",
"explanation": "[red]26 October 1947[/red] is correct as this was the day the ruler [blue]signed the accession with India[/blue] against his people's will.",
"explanationUrdu": "[red]26 اکتوبر 1947[/red] درست ہے کیونکہ یہ وہ دن تھا جب غیر مسلم حکمران نے اپنے عوام کی مرضی کے خلاف [blue]بھارت کے ساتھ الحاق[/blue] کا فیصلہ کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did some Kashmiris start in response to the Maharaja's decision to join India?",
"urdu": "بھارت میں شامل ہونے کے مہاراجہ کے فیصلے کے جواب میں کچھ کشمیریوں نے کیا شروع کیا؟",
"options": ["Trade", "Jihad", "Strike", "Politics"],
"correctAnswer": "B",
"explanation": "[red]Jihad[/red] is correct because the local Muslims launched an [blue]armed struggle[/blue] to resist being forced into joining India.",
"explanationUrdu": "[red]جہاد[/red] درست ہے کیونکہ مقامی مسلمانوں نے بھارت میں زبردستی شامل کیے جانے کے خلاف [blue]مسلح جدوجہد[/blue] کا آغاز کیا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the Kashmiri freedom fighters do to a part of Kashmir?",
"urdu": "کشمیری مجاہدین نے کشمیر کے ایک حصے کے ساتھ کیا کیا؟",
"options": ["Sold it", "Freed and annexed to Pakistan", "Left it", "Joined India"],
"correctAnswer": "B",
"explanation": "[red]Freed and annexed to Pakistan[/red] is correct because their struggle liberated the area now known as [blue]Azad Jammu and Kashmir[/blue].",
"explanationUrdu": "[red]آزاد کروا کر پاکستان کے ساتھ ملایا[/red] درست ہے، کیونکہ ان کی جدوجہد نے اس حصے کو آزاد کرایا جسے ہم [blue]آزاد جموں و کشمیر[/blue] کہتے ہیں۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On which date was the All India Muslim League founded?",
"urdu": "آل انڈیا مسلم لیگ کس تاریخ کو قائم ہوئی تھی؟",
"options": ["August 14, 1947", "December 30, 1906", "March 23, 1940", "May 24, 1875"],
"correctAnswer": "B",
"explanation": "[red]December 30, 1906[/red] is correct because this was the historic date when Muslim leaders [blue]met in Dhaka[/blue] to form their own political party.",
"explanationUrdu": "[red]30 دسمبر 1906[/red] درست ہے کیونکہ یہ وہ تاریخی تاریخ ہے جب [blue]ڈھاکہ میں مسلم رہنماؤں[/blue] نے اپنی سیاسی جماعت قائم کرنے کا فیصلہ کیا تھا۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which political party was founded on December 30, 1906?",
"urdu": "30 دسمبر 1906 کو کون سی سیاسی جماعت قائم کی گئی تھی؟",
"options": ["Congress", "All India Muslim League", "Unionist Party", "Communist Party"],
"correctAnswer": "B",
"explanation": "[red]All India Muslim League[/red] is correct because this party was created to represent and protect the [blue]political rights of Indian Muslims[/blue].",
"explanationUrdu": "[red]آل انڈیا مسلم لیگ[/red] درست ہے کیونکہ یہ جماعت برصغیر کے مسلمانوں کے [blue]سیاسی حقوق کے تحفظ[/blue] کے لیے بنائی گئی تھی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did Quaid-e-Azam join the All India Muslim League?",
"urdu": "قائد اعظم نے آل انڈیا مسلم لیگ میں کس سال شمولیت اختیار کی تھی؟",
"options": ["In 1906", "In 1913", "In 1940", "In 1947"],
"correctAnswer": "B",
"explanation": "[red]In 1913[/red] is correct because in this year, Quaid-e-Azam officially became [blue]a member of the League[/blue] to lead the Muslim struggle.",
"explanationUrdu": "[red]1913 میں[/red] درست ہے کیونکہ اس سال قائد اعظم نے باضابطہ طور پر [blue]مسلم لیگ میں شمولیت[/blue] اختیار کر کے مسلمانوں کی رہنمائی شروع کی۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70oEF7uFLED1-nSTwq494jtAD3RBfbAhG4vJWd-H_NE8LFhNQgeRoaIE8LMz7JD0Yn5SQT23P2NcumKZpXzp47dg__P1Etre-1TH0XubHxG3EEqAd1K0pr8zEt_sRy0XGn_7e4ySQpbeoyp_IwQ4PuRFqiq0slE0jkQWK2zJVQsyyhZWGrFI5jtKJ7Q/s1600/Social%20Studies%205th%20Class%20Chapter%204.1.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-18532289990034735902026-07-07T08:00:00.000+05:002026-07-07T08:00:00.116+05:005th Class Social Studies MCQs | State and Government (ریاست اور حکومت) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies MCQs | State and Government (ریاست اور حکومت) | PakMCQs</title>
<meta name="description" content="Practice the 5th Class Social Studies Chapter 3 State and Government CBT Test with chapter-wise MCQs, federal, provincial & local government, Constitution 1973, citizens' rights, political parties, and rule of law. Free online test with instant results on PakMCQs. MCQs, important questions, chapter summary, and complete exam notes. Get ready for your test!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: State and Government (ریاست اور حکومت) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | State and Government (ریاست اور حکومت) | PakMCQs",
"description": "Study 5th Class Social Studies – State and Government (ریاست اور حکومت) with complete notes, learning outcomes, types of government, organs of the state, democracy, citizens' rights and duties, and the role of local government.",
"articleBody": "This educational resource covers the 5th Class Social Studies chapter on State and Government (ریاست اور حکومت). It provides solved MCQs and conceptual knowledge on what a state is, its essential elements (population, territory, government, sovereignty), and the meaning and purpose of government. The chapter explains the three organs of the state — legislature, executive, and judiciary — along with types of government including democracy and monarchy. It covers the structure of Pakistan's government at federal, provincial, and local levels, the rights and duties of citizens, and the importance of the constitution in running a state. Ideal for students preparing for school exams and civic awareness assessments on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"State and Government MCQs",
"ریاست اور حکومت MCQs",
"Organs of the State MCQs",
"Types of Government Class 5",
"Democracy and Citizens Rights MCQs",
"Local Government MCQs",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLpp2TRa3OMnJvXKXe-97vuy30_3tsF7rdYWqaFLiJnK0xTEV8V2v2kSHFxlWPPqzttLRwAZsySM4HRoQigsDluLs-2PCGhCYaSNcqeiirzSZS_ApVIshmzsBPqh9XUE-Mts2bQnNkq8Q2uRR1Y99niFrotOW8oHG3_cp_L479wzNoaPJNxhO-FiJ8g/s1600/Social%20Studies%205th%20Class%20Chapter%203.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - State and Government (ریاست اور حکومت)"
},
"datePublished": "2026-07-07",
"dateModified": "2026-07-07",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLpp2TRa3OMnJvXKXe-97vuy30_3tsF7rdYWqaFLiJnK0xTEV8V2v2kSHFxlWPPqzttLRwAZsySM4HRoQigsDluLs-2PCGhCYaSNcqeiirzSZS_ApVIshmzsBPqh9XUE-Mts2bQnNkq8Q2uRR1Y99niFrotOW8oHG3_cp_L479wzNoaPJNxhO-FiJ8g/s1600/Social%20Studies%205th%20Class%20Chapter%203.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-Ch-3-MCQs-State-and-Government.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"Civic Education Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Civic Awareness",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "State" },
{ "@type": "Thing", "name": "Government" },
{ "@type": "Thing", "name": "Democracy" },
{ "@type": "Thing", "name": "Citizens Rights and Duties" },
{ "@type": "Thing", "name": "Local Government" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for State and Government (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is a government?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A government is a system that manages a country and works for the welfare, security, and development of its citizens."
}
},
{
"@type": "Question",
"name": "Why does Pakistan need a federal government?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pakistan needs a federal government to manage national affairs such as defense, foreign policy, the economy, and coordination among all provinces."
}
},
{
"@type": "Question",
"name": "What is the difference between the federal, provincial, and local governments?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The federal government manages national matters, the provincial government looks after provincial affairs like education and health, and the local government handles city and district services such as sanitation and local development."
}
},
{
"@type": "Question",
"name": "What is the Constitution of Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The Constitution is the supreme law of Pakistan. It provides rules for running the country, defines the powers of government institutions, and protects the rights of citizens."
}
},
{
"@type": "Question",
"name": "Which Constitution is currently implemented in Pakistan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The 1973 Constitution is currently implemented in Pakistan and serves as the foundation of the country's legal and political system."
}
},
{
"@type": "Question",
"name": "What are some basic rights of Pakistani citizens?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pakistani citizens have the right to life, property, education, freedom of speech, freedom of religion, and the right to vote and own property."
}
},
{
"@type": "Question",
"name": "What are the responsibilities of Pakistani citizens?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Citizens should obey the law, pay taxes, vote responsibly, protect public property, respect others' rights, and help defend the country when needed."
}
},
{
"@type": "Question",
"name": "Why is the rule of law important?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The rule of law ensures that everyone is treated equally, protects citizens' rights, and punishes those who break the law, helping maintain peace and justice."
}
},
{
"@type": "Question",
"name": "What are the functions of political parties?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Political parties create public awareness, participate in elections, represent people's interests, form governments, and work for the country's development."
}
},
{
"@type": "Question",
"name": "How do the federal, provincial, and local governments work together?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The three levels of government cooperate by sharing responsibilities. The federal government manages national affairs, provincial governments oversee provincial matters, and local governments solve community-level problems to ensure effective governance across Pakistan."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLpp2TRa3OMnJvXKXe-97vuy30_3tsF7rdYWqaFLiJnK0xTEV8V2v2kSHFxlWPPqzttLRwAZsySM4HRoQigsDluLs-2PCGhCYaSNcqeiirzSZS_ApVIshmzsBPqh9XUE-Mts2bQnNkq8Q2uRR1Y99niFrotOW8oHG3_cp_L479wzNoaPJNxhO-FiJ8g/s1600/Social%20Studies%205th%20Class%20Chapter%203.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>State and Government | PakMCQs (Concept Based + Exam Focused)</h1>
<p>Master 5th Class Social Studies Chapter 3 – State and Government with a free online CBT Test and important MCQs. Learn about the federal, provincial, and local governments of Pakistan, the 1973 Constitution, citizens' rights and responsibilities, democracy, political parties, rule of law, and the functions of different levels of government. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>State and Government | ریاست اور حکومت
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 3: State and Government (Riasat aur Hukoomat)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes</h4>
<p>Is sabaq ko parhne ke baad students is qabil ho jayenge ke:<br>
• Federal hukoomat (wifaqi hukoomat) ki zaroorat ki wajohat bayan kar sakein.<br>
• Federal, provincial (subaee) aur local (muqami) satah par hukoomat ke qyam ka mawazna kar sakein.<br>
• Constitution (Aeen/Dastoor) ki ahmiyat ka tajziya kar sakein.<br>
• 1973 ke Aeen ke mutabiq ek Pakistani shahri ke huqooq aur zimmadariyon par guftagu kar sakein.<br>
• Ghair-munsifana aur ghair-qanooni sargarmiyon ke khilaf qanoon ki hukoomani (rule of law) ki ahmiyat bayan kar sakein.<br>
• Jamhoori nizam (democratic system) mein siyasi jamaaton (political parties) ke faraiz ka zikr kar sakein.<br>
• Pakistan mein federal, provincial aur local hukoomaton ke aapas ke inhesar (interdependence) ki wazahat kar sakein.</p>
<p>Riasat ke nizam ko chalane ke liye hukoomat banayi jati hai. Ye hukoomat riasat aur shahrion ki behbood (welfare) ke liye kaam karti hai. Dunya mein mukhtalif hukoomati nizam qayam hain jin mein <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">badshahat (monarchy)</span>, <span class="highlight-word" style="color: #c0392b; font-weight: bold;">aamriyat (dictatorship)</span>, aur <span class="highlight-word" style="color: #27ae60; font-weight: bold;">jamhooriyat (democracy)</span> wagera shamil hain. Lekin jamhooriyat tamam nizamon mein behtar nizam hai kyunke ye logon ki apni hukoomat hoti hai. Yahan log vote ke zariye apne numayenday (representatives) muntakhib karte hain.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Sochein aur Jawab Dein (Think and Answer):</strong><br>
• Badshahat (monarchy) aur jamhooriyat (democracy) mein kya farq hai?<br>
• Jamhoori hukoomat ke koi se teen faide batayein.
</p>
<h4 style="color: #3498db;">Federal Hukoomat ki Zaroorat (Need of Federal Government)</h4>
<p>Islami Jomhooria Pakistan char subon (Punjab, Sindh, Khyber Pakhtunkhwa, Balochistan), Azad Jammu and Kashmir, Gilgit Baltistan aur Capital Territory Islamabad par mushtamil ek federation (wifaq) hai. <span class="highlight-word" style="color: #2980b9; font-weight: bold;">Federal Government (Wifaqi Hukoomat)</span> ek markazi hukoomat hoti hai jo poore mulk ke nizam ko chalati hai. Ye hukoomat mulki maeeshat (economy), difaa (defense), kharija mamlaat (foreign affairs) aur doosre ahem qoumi mamlaat ko control karti hai. Federal government kharija policy (foreign policy) banati hai, international satah par mulk ki numayandagi karti hai aur doosre mulkon ke sath dostana taluqaat barhati hai.</p>
<h4 style="color: #3498db;">Formation of Government at Federal, Provincial and Local Level</h4>
<p>Pakistan mein federal nizam-e-hukoomat hai. Pakistan ke log federal, provincial aur local idaron ke members ko muntakhib karte hain.</p>
<p>• <b>Federal Level:</b> National Assembly ke members Pakistan ke <span style="color: #27ae60; font-weight: bold;">Prime Minister (Wazir-e-Azam)</span> ko muntakhib karte hain jo federal hukoomat ka sarbarah hota hai. Prime Minister apni cabinet (kabina) banata hai jismein ministers (wuzara) shamil hote hain jese ke khazana (finance), qanoon (law), difaa (defense), dakhla (interior) aur kharija (foreign affairs). <span style="color: #c0392b; font-weight: bold;">President (Sadr)</span> riasat ka sarbarah hota hai jise parliament aur provincial assemblies ke members muntakhib karte hain.</p>
<div style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d; margin-bottom: 10px;">
<b>Federal Structure:</b><br>
• <i>Legislature (Muqannina):</i> President (Sadr), Senate (Aewan-e-Bala), National Assembly (Aewan-e-Zaireen).<br>
• <i>Executive (Intezamiya):</i> Prime Minister, Cabinet, Administrative Units.<br>
• <i>Judiciary (Adliya):</i> Supreme Court, Islamabad High Court.
</div>
<p>• <b>Provincial Level:</b> Har subay ki provincial hukoomat hoti hai. <span style="color: #2980b9; font-weight: bold;">Chief Minister (Wazir-e-Aala)</span> provincial hukoomat ka sarbarah hota hai jise Provincial Assembly muntakhib karti hai. CM subaee cabinet banata hai jo subaee mamlaat (taleem, sehat, sanat, zaraat, transport aur law & order) ki nigrani karti hai.</p>
<div style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d; margin-bottom: 10px;">
<b>Provincial Structure:</b><br>
• <i>Legislature (Muqannina):</i> Provincial Assembly, Governor.<br>
• <i>Executive (Intezamiya):</i> Chief Minister, Cabinet, Administrative Units.<br>
• <i>Judiciary (Adliya):</i> High Court. (Gilgit Baltistan mein Supreme Court ko 'Supreme Appellate Court' aur High Court ko 'Chief Court' kaha jata hai. AJK ki apni Supreme Court aur High Court hain.)
</div>
<p>• <b>Local Level:</b> Wo hukoomat jo shehar, kasbay ya district (zila) ki dekh-bhaal karti hai, use <span class="highlight-word" style="color: #d35400; font-weight: bold;">local government</span> kaha jata hai. Is mein Mayor, Chairman, Councillor wagera shamil hain jo provincial hukoomat ke qawaneen ke mutabiq kaam karte hain. Provincial hukoomat taraqqi kaamon ke liye local bodies ko funds aur ikhtiyarat faraham karti hai.</p>
<h4 style="color: #3498db;">Interdependence of Federal, Provincial and Local Governments</h4>
<p>Federal aur provincial hukoomatein general elections ke baad banti hain, jo har paanch saal baad hote hain. Federal government provincial hukoomaton ke darmiyan ek pul (bridge) ka kirdar ada karti hai. Qoumi aur subaee taraqqiyati kaamon ke liye qoumi wasail (national resources) ki taqseem dono hukoomatein mil kar karti hain.</p>
<table style="width: 100%; border-collapse: collapse; margin: 15px 0; text-align: left;">
<thead>
<tr style="background-color: #2980b9; color: white;">
<th style="padding: 8px; border: 1px solid #ddd;">Federal Government</th>
<th style="padding: 8px; border: 1px solid #ddd;">Provincial Government</th>
<th style="padding: 8px; border: 1px solid #ddd;">Local Government</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 8px; border: 1px solid #ddd;">Qoumi difaa ko control karti hai (musallah afwaj).</td>
<td style="padding: 8px; border: 1px solid #ddd;">Subay mein aman o amaan ko control karti hai (qanoon sazi).</td>
<td style="padding: 8px; border: 1px solid #ddd;">Sarakon se tajawuzat (encroachments) khatam karti hai, maveshi mandiyan lagati hai.</td>
</tr>
<tr style="background-color: #f2f2f2;">
<td style="padding: 8px; border: 1px solid #ddd;">Mulk ki maeeshat (economy) ki dekh-bhaal karti hai.</td>
<td style="padding: 8px; border: 1px solid #ddd;">Subaee taxes ko sambhalti hai.</td>
<td style="padding: 8px; border: 1px solid #ddd;">Peene ke saaf pani aur safai suthrai (sanitation) ka intezam karti hai.</td>
</tr>
<tr>
<td style="padding: 8px; border: 1px solid #ddd;">Kharija policy (doosre mulkon ke sath taluqaat) ki nigrani karti hai.</td>
<td style="padding: 8px; border: 1px solid #ddd;">Subay ki dakhli policy ko control karti hai.</td>
<td style="padding: 8px; border: 1px solid #ddd;">Bewaon, yateemon, mazoor logon aur qudrati aafat se mutasreen ki madad karti hai.</td>
</tr>
</tbody>
</table>
<h4 style="color: #3498db;">Aeen ki Ahmiyat (Importance of Constitution)</h4>
<p>Hum ek jamhoori aur Islami mulk mein rehte hain. Is waqt Pakistan mein <b>1973 ka Aeen</b> (constitution) nafiz hai. Aeen ke mutabiq Pakistan ka naam <span style="color: #27ae60; font-weight: bold;">'Islami Jomhooria Pakistan' (Islamic Republic of Pakistan)</span> hai, aur Islam state religion hai. Constitution bunyadi qawaneen aur usoolon ka majmooa hota hai jis ke mutabiq kisi mulk ya riasat ke hukoomati nizam ko chalaya jata hai. Constitution hukoomat ke teen sutoonon (muqannina, intezamiya, adliya) ke ikhtiyarat ka ta-ayyun karta hai, bunyadi rights ki hifazat ko yaqeeni banata hai aur Urdu Pakistan ki qoumi zuban hai.</p>
<p style="background: #fff8e1; padding: 10px; border-left: 4px solid #f1c40f;"><strong>Teaching Point:</strong> Teacher students ko federal hukoomat ki zaroorat aur ahmiyat, teen sutoonon ke kirdar, local/provincial/federal dhanche, 'Islamic Republic State' ke tasawwur, jamhooriyat mein elections aur political parties ke faraiz ke bare mein batayein.</p>
<h4 style="color: #3498db;">1973 ke Aeen ke mutabiq Shahri ke Huqooq aur Faraiz (Rights and Duties of a Citizen)</h4>
<p><b>Rights:</b><br>
1. Jaan aur maal ki hifazat har shahri ka huq hai.<br>
2. Apne aqayed (beliefs) ke mutabiq zindagi guzarne ka huq.<br>
3. Karobar, tijaarat ya koi bhi doosra pesha ikhtiyar karne ka huq.<br>
4. Izhaar-e-rai (Freedom of speech) aur taqreer ki aazadi.<br>
5. Jaidad khareedne, rakhne aur bechne ka huq.<br>
6. Mulk ke andar safar karne, ijtimaat aur political party banane ka huq.<br>
7. <span style="color: #c0392b; font-weight: bold;">Child labour</span> (14 saal se kam umr ke bachon se mazdoori) mamnoo hai.<br>
8. 5 se 16 saal ki umr ke bachon ko muft aur lazmi taleem dena hukoomat ki zimmadari hai.</p>
<p><b>Duties:</b><br>
• Mulk se wafadari aur difaa mein kirdar.<br>
• Vote ka sahi istemal.<br>
• Qoumi qawaneen ka ehtram aur amal.<br>
• Waqt par taxes ki adaigi.<br>
• Doosron ke huqooq, aqayed aur opinions ka ehtram.<br>
• Awami jaidad (public property) ki hifazat.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Rukein aur Batayein (Stop and Tell):</strong><br>
• Aap ke paas ek shahri ke tor par kaun se huqooq hain?<br>
• Child labour ko control karne ke liye tajaweez (suggestions) dein.
</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Do you want to know why?</strong> Pakistan mein teen mukhtalif aeen (1956, 1962 aur 1973) nafiz kiye ja chuke hain.</p>
<h4 style="color: #3498db;">Samaji Insaaf (Social Justice) aur Rule of Law</h4>
<p><span class="highlight-word" style="color: #16a085; font-weight: bold;">Samaji insaaf (Social justice)</span> se muraad barabri (equality) ki buniyaad par logon ko huqooq ki farahmi hai. Iski na-farahmi se samaji na-insaafi (aik jesa taleemi nizam na hona, unemployment, child labour) paida hoti hai.</p>
<p>Mulk ke tamam qawaneen aeen ke mutabiq banaye jate hain aur tamam shahri qanoon ki nazar mein barabar hain, isay <b>Rule of Law</b> kehte hain. Kisi bhi muqadmay ki sunwai sab se pehle session ya civil court (district judges) mein hoti hai. Is faisle ke khilaf <span style="color: #2980b9;">High Court</span> (Chief Justice) mein appeal ki ja sakti hai, aur aakhri appeal <span class="highlight-word" style="color: #c0392b; font-weight: bold;">Supreme Court</span> (Chief Justice of Pakistan) mein hoti hai jo ke apex court hai aur iska faisla final hota hai.</p>
<h4 style="color: #3498db;">Siyasi Jamaatein (Political Parties)</h4>
<p>Har siyasi jamaat ka apna ek nazariya (ideology), manshoor (manifesto) aur ek leader hota hai. Jeetne wali party apni hukoomat banati hai. <br>
<b>Siyasi Jamaaton ke Kirdar (Functions):</b><br>
• Apne manshoor (manifestos) ke mutabiq kaam karti hain.<br>
• Logon mein siyasi shaoor (political awareness) paida karti hain.<br>
• Elections mein hissa leti hain aur logon ke masail hal karti hain.<br>
• Hukoomat banane ke baad mulk o qoum ki behbood aur international satah par numayandagi karti hain.</p>
<div style="background: #e8f5e9; padding: 15px; border-radius: 8px; border-left: 5px solid #2e7d32;">
<h5 style="margin-top: 0; color: #2e7d32;">Mein ne Seekha! (I have learnt!)</h5>
<ul style="margin-bottom: 0;">
<li>Federal, provincial aur local hukoomatein mulk ke nizam ko chalane ke liye mil kar kaam karti hain.</li>
<li>Constitution (Aeen) qawaneen aur bunyadi usoolon ka majmooa hai jis ke mutabiq mulk ke mamlaat chalaye jate hain.</li>
<li>Maujooda dor mein Pakistan mein 1973 ka Aeen nafiz hai.</li>
</ul>
</div>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 3</h3>
<h4 style="color: #3498db;">ریاست اور حکومت (اسٹیٹ اینڈ گورنمنٹ)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو پڑھنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• فیڈرل حکومت (وفاقی حکومت) کی ضرورت کی وجوہات بیان کر سکیں۔<br>
• فیڈرل، پروونشل (صوبائی) اور لوکل (مقامی) سطح پر حکومت کے قیام کا موازنہ کر سکیں۔<br>
• کانسٹیٹیوشن (آئین یا دستور) کی اہمیت کا تجزیہ کر سکیں۔<br>
• 1973 کے آئین کے مطابق ایک پاکستانی شہری کے حقوق اور ذمہ داریوں پر گفتگو کر سکیں۔<br>
• قانون کی حکمرانی (رول آف لا) کی اہمیت اور سیاسی جماعتوں کے فرائض کا ذکر کر سکیں۔</p>
<p>ریاست کے نظام کو چلانے کے لیے حکومت بنائی جاتی ہے۔ یہ حکومت ریاست اور شہریوں کی بہبود (ویلفیئر) کے لیے کام کرتی ہے۔ دنیا میں مختلف حکومتی نظام قائم ہیں جن میں <span class="highlight-word" style="color: #8e44ad; font-weight: bold;">بادشاہت (مونارکی)</span>، <span class="highlight-word" style="color: #c0392b; font-weight: bold;">آمریت (ڈکٹیٹرشپ)</span>، اور <span class="highlight-word" style="color: #27ae60; font-weight: bold;">جمہوریت (ڈیموکریسی)</span> وغیرہ شامل ہیں۔ لیکن جمہوریت تمام نظاموں میں بہتر نظام ہے کیونکہ یہ لوگوں کی اپنی حکومت ہوتی ہے جہاں لوگ ووٹ کے ذریعے اپنے نمائندے منتخب کرتے ہیں۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>سوچیں اور جواب دیں (تھنک اینڈ آنسر):</strong><br>
• بادشاہت (مونارکی) اور جمہوریت (ڈیموکریسی) میں کیا فرق ہے؟<br>
• جمہوری حکومت کے کوئی سے تین فائدے بتائیں۔
</p>
<h4 style="color: #3498db;">فیڈرل حکومت کی ضرورت (نیڈ آف فیڈرل گورنمنٹ)</h4>
<p>اسلامی جمہوریہ پاکستان چار صوبوں (پنجاب، سندھ، خیبر پختونخوا، بلوچستان)، آزاد جموں و کشمیر، گلگت بلتستان اور کیپیٹل ٹیریٹری اسلام آباد پر مشتمل ایک فیڈریشن (وفاق) ہے۔ <span class="highlight-word" style="color: #2980b9; font-weight: bold;">فیڈرل گورنمنٹ (وفاقی حکومت)</span> ایک مرکزی حکومت ہوتی ہے جو پورے ملک کے نظام کو چلاتی ہے۔ یہ حکومت ملکی معیشت، دفاع، خارجہ معاملات اور دوسرے اہم قومی معاملات کو کنٹرول کرتی ہے، خارجہ پالیسی بناتی ہے اور انٹرنیشنل سطح پر ملک کی نمائندگی کرتی ہے۔</p>
<h4 style="color: #3498db;">فیڈرل، پروونشل اور لوکل سطح پر حکومت کا قیام</h4>
<p>پاکستان میں فیڈرل نظامِ حکومت ہے۔ پاکستان کے لوگ فیڈرل، پروونشل اور لوکل اداروں کے ممبرز کو منتخب کرتے ہیں۔</p>
<p>• <b>وفاقی سطح:</b> نیشنل اسمبلی (قومی اسمبلی) کے ممبرز پاکستان کے <span style="color: #27ae60; font-weight: bold;">پرائم منسٹر (وزیرِ اعظم)</span> کو منتخب کرتے ہیں جو فیڈرل حکومت کا سربراہ ہوتا ہے۔ پرائم منسٹر وفاقی حکومت کے معاملات چلانے کے لیے اپنی کابینہ بناتا ہے جس میں وزیر (منسٹرز) شامل ہوتے ہیں، جیسے کہ خزانہ، قانون، دفاع، داخلہ اور خارجہ۔ <span style="color: #c0392b; font-weight: bold;">پریذیڈنٹ (صدر)</span> ریاست کا سربراہ ہوتا ہے جسے پارلیمنٹ اور صوبائی اسمبلیوں کے ممبرز منتخب کرتے ہیں۔</p>
<div style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d; margin-bottom: 10px;">
<b>وفاقی حکومت کا ڈھانچہ:</b><br>
• <i>لیجسلیچر (مقننہ / قانون ساز ادارہ):</i> پریذیڈنٹ (صدر)، پارلیمنٹ (مجلسِ شوریٰ)، سینیٹ (ایوانِ بالا)، نیشنل اسمبلی (ایوانِ زیریں)۔<br>
• <i>ایگزیکٹو (انتظامیہ):</i> پرائم منسٹر، کیبنٹ (کابینہ)، ایڈمنسٹریٹو یونٹس۔<br>
• <i>جوڈیشری (عدلیہ):</i> سپریم کورٹ (عدالتِ عظمیٰ)، اسلام آباد ہائی کورٹ۔
</div>
<p>• <b>صوبائی سطح:</b> پاکستان میں ہر صوبے کی اپنی پروونشل حکومت ہوتی ہے۔ <span style="color: #2980b9; font-weight: bold;">چیف منسٹر (وزیرِ اعلیٰ)</span> پروونشل حکومت کا سربراہ ہوتا ہے جسے پروونشل اسمبلیاں منتخب کرتی ہیں۔ چیف منسٹر صوبائی کابینہ بناتا ہے۔ صوبائی حکومت شہریوں کے بنیادی حقوق (تعلیم، صحت، صنعت، زراعت، ٹرانسپورٹ) کو یقینی بناتی ہے۔</p>
<div style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d; margin-bottom: 10px;">
<b>صوبائی حکومت کا ڈھانچہ:</b><br>
• <i>لیجسلیچر (مقننہ):</i> پروونشل اسمبلی، گورنر۔<br>
• <i>ایگزیکٹو (انتظامیہ):</i> چیف منسٹر، کابینہ، ایڈمنسٹریٹو یونٹس۔<br>
• <i>جوڈیشری (عدلیہ):</i> ہائی کورٹ۔ (گلگت بلتستان میں سپریم کورٹ کو 'سپریم اپیلیٹ کورٹ' جبکہ ہائی کورٹ کو 'چیف کورٹ' کہا جاتا ہے۔ آزاد جموں و کشمیر کی اپنی عدالتیں ہیں۔)
</div>
<p>• <b>مقامی حکومت (لوکل گورنمنٹ):</b> مرکزی اور پروونشل حکومت کے بعد یہ تیسرا لیول ہے۔ وہ حکومت جو کسی شہر، قصبے یا ڈسٹرکٹ (ضلع) کی دیکھ بھال کرتی ہے، اسے <span class="highlight-word" style="color: #d35400; font-weight: bold;">لوکل گورنمنٹ</span> کہتے ہیں۔ اس میں میئر، چیئرمین، کونسلر وغیرہ شامل ہیں جو پروونشل حکومت کے قوانین کے مطابق فنڈز اور اختیارات کا استعمال کرتے ہیں۔</p>
<h4 style="color: #3498db;">حکومتوں کا آپس میں انحصار (انٹر ڈیپینڈنس)</h4>
<p>وفاقی اور صوبائی حکومتیں عام انتخابات (جنرل الیکشنز) کے بعد بنتی ہیں جو ہر پانچ سال بعد ہوتے ہیں۔ وفاقی حکومت صوبائی حکومتوں کے درمیان ایک پل (برج) کا کردار ادا کرتی ہے۔ قومی اور صوبائی ترقیاتی کاموں کے لیے وسائل کی تقسیم کا فیصلہ دونوں حکومتیں مل کر کرتی ہیں۔</p>
<table style="width: 100%; border-collapse: collapse; margin: 15px 0; text-align: right;" dir="rtl">
<thead>
<tr style="background-color: #2980b9; color: white;">
<th style="padding: 8px; border: 1px solid #ddd;">فیڈرل گورنمنٹ (وفاقی حکومت)</th>
<th style="padding: 8px; border: 1px solid #ddd;">پروونشل گورنمنٹ (صوبائی حکومت)</th>
<th style="padding: 8px; border: 1px solid #ddd;">لوکل گورنمنٹ (مقامی حکومت)</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 8px; border: 1px solid #ddd;">قومی دفاع کو کنٹرول کرتی ہے (مسلح افواج کے معاملات)۔</td>
<td style="padding: 8px; border: 1px solid #ddd;">صوبے میں امن و امان کو کنٹرول کرتی ہے (قانون سازی)۔</td>
<td style="padding: 8px; border: 1px solid #ddd;">سڑکوں اور گلیوں سے تجاوزات (انکروچمنٹس) کو ختم کرتی ہے۔</td>
</tr>
<tr style="background-color: #f2f2f2;">
<td style="padding: 8px; border: 1px solid #ddd;">ملک کی معیشت (ایکانومی) کی دیکھ بھال کرتی ہے۔</td>
<td style="padding: 8px; border: 1px solid #ddd;">صوبائی ٹیکسوں کو سنبھالتی ہے۔</td>
<td style="padding: 8px; border: 1px solid #ddd;">پینے کے صاف پانی اور صفائی ستھرائی کا انتظام کرتی ہے۔</td>
</tr>
<tr>
<td style="padding: 8px; border: 1px solid #ddd;">خارجہ پالیسی (دوسرے ملکوں کے ساتھ تعلقات) کی نگرانی کرتی ہے۔</td>
<td style="padding: 8px; border: 1px solid #ddd;">صوبے کی داخلی پالیسی کو کنٹرول کرتی ہے۔</td>
<td style="padding: 8px; border: 1px solid #ddd;">بیواؤں، یتیموں، معذوروں اور آفت زدہ لوگوں کی مدد کرتی ہے۔</td>
</tr>
</tbody>
</table>
<h4 style="color: #3498db;">آئین کی اہمیت (امپورٹنس آف کانسٹیٹیوشن)</h4>
<p>ہم ایک جمہوری اور اسلامی ملک میں رہتے ہیں۔ اس وقت پاکستان میں <b>1973 کا آئین</b> نافذ ہے۔ آئین کے مطابق پاکستان کا نام <span style="color: #27ae60; font-weight: bold;">'اسلامی جمہوریہ پاکستان' (Islamic Republic of Pakistan)</span> ہے، اور اسلام ریاستی مذہب ہے کیونکہ یہاں مسلمانوں کی اکثریت ہے۔ آئین (دستور) بنیادی قوانین اور اصولوں کا مجموعہ ہوتا ہے جس کے مطابق ملک کا نظام چلایا جاتا ہے۔ یہ مقننہ، انتظامیہ اور عدلیہ کے اختیارات کا تعین کرتا ہے، انسانی حقوق کی حفاظت کرتا ہے اور اردو پاکستان کی قومی زبان ہے۔</p>
<p style="background: #fff8e1; padding: 10px; border-right: 4px solid #f1c40f;"><strong>اساتذہ کے لیے گائیڈ لائن:</strong> اسٹوڈنٹس کو وفاقی حکومت کی ضرورت، تین ستونوں کے کردار، لوکل/صوبائی/وفاقی ڈھانچے، 'اسلامی جمہوری ریاست' کے تصور، الیکشنز اور سیاسی جماعتوں کے فرائض کے بارے میں بتائیں۔</p>
<h4 style="color: #3498db;">1973 کے آئین کے مطابق شہری کے حقوق اور فرائض</h4>
<p><b>حقوق (Rights):</b><br>
1. بلا کسی امتیاز کے جان اور مال کی حفاظت ہر شہری کا حق ہے۔<br>
2. اپنے عقائد (بلیفس) کے مطابق زندگی گزارنے کا حق۔<br>
3. کاروبار، تجارت یا کوئی بھی دوسرا پیشہ اختیار کرنے کا حق۔<br>
4. اظہارِ رائے اور تقریر کی آزادی ہر شہری کا حق ہے۔<br>
5. جائیداد خریدنے، رکھنے اور بیچنے کا حق۔<br>
6. سفر کرنے، اجتماعات میں شرکت اور سیاسی پارٹی بنانے کا حق۔<br>
7. آئین کے مطابق <span style="color: #c0392b; font-weight: bold;">چائلڈ لیبر</span> (14 سال سے کم عمر بچوں سے مزدوری) ممنوع ہے۔<br>
8. 5 سے 16 سال کی عمر کے بچوں کو مفت اور لازمی تعلیم فراہم کرنا حکومت کی ذمہ داری ہے۔</p>
<p><b>فرائض اور ذمہ داریاں:</b><br>
• ملک کا وفادار ہونا اور دفاع کے لیے اپنا کردار ادا کرنا۔<br>
• اپنے ووٹ کا صحیح استعمال کرنا۔<br>
• قومی قوانین کا احترام اور ان پر عمل کرنا۔<br>
• وقت پر ٹیکس ادا کرنا۔<br>
• دوسروں کے حقوق، عقائد اور آراء کا احترام کرنا۔<br>
• عوامی جائیداد (پبلک پراپرٹی) کی حفاظت کرنا۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>رکیں اور بتائیں (اسٹاپ اینڈ ٹیل):</strong><br>
• آپ کے پاس ایک شہری کے طور پر کون سے حقوق ہیں؟<br>
• چائلڈ لیبر کو کنٹرول کرنے کے لیے تجاویز (سجیشنز) دیں۔
</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>کیا آپ جاننا چاہتے ہیں کیوں؟</strong> پاکستان میں اب تک تین مختلف آئین (1956، 1962 اور 1973) نافذ کیے جا چکے ہیں۔</p>
<h4 style="color: #3498db;">سماجی انصاف (سوشل جسٹس) اور قانون کی حکمرانی</h4>
<p><span class="highlight-word" style="color: #16a085; font-weight: bold;">سماجی انصاف (Social justice)</span> سے مراد برابری کی بنیاد پر لوگوں کو انسانی حقوق کی فراہمی ہے۔ اس کی عدم فراہمی سے سماجی ناانصافی (جیسے یکساں تعلیمی نظام نہ ہونا، بے روزگاری، چائلڈ لیبر) پیدا ہوتی ہے۔</p>
<p>ملک کے تمام قوانین آئین کے مطابق بنائے جاتے ہیں اور تمام شہری قانون کی نظر میں برابر ہیں، اسے <b>قانون کی حکمرانی (Rule of Law)</b> کہتے ہیں۔ کسی بھی مقدمے کی سنوائی سب سے پہلے سیشن یا سول کورٹ (ڈسٹرکٹ ججز) میں ہوتی ہے۔ اس فیصلے کے خلاف <span style="color: #2980b9;">ہائی کورٹ</span> (چیف جسٹس) میں اپیل کی جا سکتی ہے، اور فائنل اپیل <span class="highlight-word" style="color: #c0392b; font-weight: bold;">سپریم کورٹ</span> (چیف جسٹس آف پاکستان) میں ہوتی ہے جو ملک کی سب سے بڑی عدالت ہے اور اس کا فیصلہ آخری ہوتا ہے۔</p>
<h4 style="color: #3498db;">سیاسی جماعتیں (پولیٹیکل پارٹیز)</h4>
<p>ہر سیاسی جماعت کا اپنا ایک نظریہ، منشور (مینی فیسٹو) اور ایک لیڈر ہوتا ہے۔ جیتنے والی جماعت اپنی حکومت بناتی ہے۔ <br>
<b>سیاسی جماعتوں کے فرائض (Functions):</b><br>
• اپنے منشور کے مطابق کام کرتی ہیں۔<br>
• لوگوں میں سیاسی شعور پیدا کرتی ہیں۔<br>
• الیکشنز میں حصہ لیتی ہیں اور مسائل حل کرنے کی کوشش کرتی ہیں۔<br>
• حکومت بنانے کے بعد ملک اور قوم کی بہبود کے لیے کام کرتی ہیں اور انٹرنیشنل سطح پر ملک کی نمائندگی کرتی ہیں۔</p>
<div style="background: #e8f5e9; padding: 15px; border-radius: 8px; border-right: 5px solid #2e7d32;">
<h5 style="margin-top: 0; color: #2e7d32;">میں نے سیکھا! (I have learnt!)</h5>
<ul style="margin-bottom: 0;">
<li>فیڈرل، پروونشل اور لوکل حکومتیں ملک کے نظام کو چلانے کے لیے مل کر کام کرتی ہیں۔</li>
<li>کانسٹیٹیوشن (آئین) قوانین اور بنیادی اصولوں کا مجموعہ ہے جس کے مطابق ملک کے معاملات چلائے جاتے ہیں۔</li>
<li>موجودہ دور میں پاکستان میں 1973 کا آئین نافذ ہے۔</li>
</ul>
</div>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: State and Government (ریاست اور حکومت)</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is a government?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>A government is a system that manages a country and works for the welfare, security, and development of its citizens.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why does Pakistan need a federal government?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Pakistan needs a federal government to manage national affairs such as defense, foreign policy, the economy, and coordination among all provinces.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the difference between the federal, provincial, and local governments?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The federal government manages national matters, the provincial government looks after provincial affairs like education and health, and the local government handles city and district services such as sanitation and local development.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is the Constitution of Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The Constitution is the supreme law of Pakistan. It provides rules for running the country, defines the powers of government institutions, and protects the rights of citizens.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Which Constitution is currently implemented in Pakistan?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The 1973 Constitution is currently implemented in Pakistan and serves as the foundation of the country's legal and political system.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are some basic rights of Pakistani citizens?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Pakistani citizens have the right to life, property, education, freedom of speech, freedom of religion, and the right to vote and own property.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the responsibilities of Pakistani citizens?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Citizens should obey the law, pay taxes, vote responsibly, protect public property, respect others' rights, and help defend the country when needed.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why is the rule of law important?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The rule of law ensures that everyone is treated equally, protects citizens' rights, and punishes those who break the law, helping maintain peace and justice.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are the functions of political parties?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Political parties create public awareness, participate in elections, represent people's interests, form governments, and work for the country's development.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>How do the federal, provincial, and local governments work together?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The three levels of government cooperate by sharing responsibilities. The federal government manages national affairs, provincial governments oversee provincial matters, and local governments solve community-level problems to ensure effective governance across Pakistan.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"topicHeading": "Need of Federal Government",
"question": "How many provinces are in the federation of the Islamic Republic of Pakistan?",
"urdu": "اسلامی جمہوریہ پاکستان کی فیڈریشن میں کتنے صوبے ہیں؟",
"options": [
"Two provinces",
"Five provinces",
"Four provinces",
"Three provinces"
],
"correctAnswer": "C",
"explanation": "[red]Four provinces[/red] is correct because [blue]Pakistan is a federation consisting of Punjab, Sindh, Khyber Pakhtunkhwa, and Balochistan[/blue].",
"explanationUrdu": "[red]چار صوبے[/red] درست ہے کیونکہ [blue]پاکستان ایک وفاق ہے جو پنجاب، سندھ، خیبر پختونخوا اور بلوچستان پر مشتمل ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Which city serves as the Capital Territory of Pakistan?",
"urdu": "پاکستان کا دارالحکومت (Capital Territory) کون سا شہر ہے؟",
"options": [
"Lahore",
"Islamabad",
"Karachi",
"Peshawar"
],
"correctAnswer": "B",
"explanation": "[red]Islamabad[/red] is correct because [blue]it is the designated Capital Territory and the seat of the Federal Government of Pakistan[/blue].",
"explanationUrdu": "[red]اسلام آباد[/red] درست ہے کیونکہ [blue]یہ پاکستان کا باضابطہ دارالحکومت اور وفاقی حکومت کا مرکز ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Which territories besides the provinces are included in the federation of Pakistan?",
"urdu": "صوبوں کے علاوہ پاکستان کی فیڈریشن میں کون سے علاقے شامل ہیں؟",
"options": [
"Only foreign cities",
"Only deserts",
"AJK, Gilgit Baltistan, and Islamabad",
"Only village areas"
],
"correctAnswer": "C",
"explanation": "[red]AJK, Gilgit Baltistan, and Islamabad[/red] is correct as [blue]these regions form part of the federation alongside the four main provinces[/blue].",
"explanationUrdu": "[red]آزاد جموں و کشمیر، گلگت بلتستان اور اسلام آباد[/red] درست ہے کیونکہ [blue]یہ علاقے چاروں صوبوں کے ساتھ مل کر وفاق بناتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What is the central government that runs the system of the entire country called?",
"urdu": "پورے ملک کے نظام کو چلانے والی مرکزی حکومت کو کیا کہا جاتا ہے؟",
"options": [
"Provincial Government",
"Local Government",
"Federal Government",
"District Government"
],
"correctAnswer": "C",
"explanation": "[red]Federal Government[/red] is correct because [blue]it is the highest administrative authority responsible for managing national affairs for all of Pakistan[/blue].",
"explanationUrdu": "[red]وفاقی حکومت (Federal Government)[/red] درست ہے کیونکہ [blue]یہ وہ اعلیٰ ترین انتظامی ادارہ ہے جو پورے پاکستان کے قومی امور سنبھالنے کا ذمہ دار ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Which important national matters are controlled by the Federal Government?",
"urdu": "وفاقی حکومت کن اہم قومی معاملات کو کنٹرول کرتی ہے؟",
"options": [
"Only sports clubs",
"Economy, defense, and foreign affairs",
"Only local shops",
"Private garden care"
],
"correctAnswer": "B",
"explanation": "[red]Economy, defense, and foreign affairs[/red] is correct because [blue]these sectors require a unified national strategy handled by the central government[/blue].",
"explanationUrdu": "[red]معیشت، دفاع اور خارجہ امور[/red] درست ہے کیونکہ [blue]ان شعبوں کے لیے ایک متحدہ قومی حکمت عملی کی ضرورت ہوتی ہے جو مرکزی حکومت سنبھالتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Who is responsible for formulating Pakistan's foreign policy and developing friendly relations?",
"urdu": "پاکستان کی خارجہ پالیسی بنانے اور دوستانہ تعلقات قائم کرنے کا ذمہ دار کون ہے؟",
"options": [
"Federal Government",
"City Police",
"School Administration",
"Private Banks"
],
"correctAnswer": "A",
"explanation": "[red]Federal Government[/red] is correct because [blue]representing the nation at an international level is a key function of the central authority[/blue].",
"explanationUrdu": "[red]وفاقی حکومت[/red] درست ہے کیونکہ [blue]بین الاقوامی سطح پر ملک کی نمائندگی کرنا اور خارجہ پالیسی بنانا مرکزی حکومت کا بنیادی کام ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"topicHeading": "Federal Government",
"question": "What type of government system does Pakistan have?",
"urdu": "پاکستان میں کس قسم کا حکومتی نظام ہے؟",
"options": [
"Monarchy",
"Federal system",
"Dictatorship",
"Unitary system"
],
"correctAnswer": "B",
"explanation": "[red]Federal system[/red] is correct because [blue]Pakistan's power is divided between the central government and the provinces according to the constitution[/blue].",
"explanationUrdu": "[red]وفاقی نظام (Federal system)[/red] درست ہے کیونکہ [blue]پاکستان کی طاقت آئین کے مطابق مرکزی حکومت اور صوبوں کے درمیان تقسیم ہوتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Who elects the members of federal, provincial, and local institutions in Pakistan?",
"urdu": "پاکستان میں وفاقی، صوبائی اور مقامی اداروں کے ارکان کا انتخاب کون کرتا ہے؟",
"options": [
"Only the army",
"Foreign observers",
"The people of Pakistan",
"Only businessmen"
],
"correctAnswer": "C",
"explanation": "[red]The people of Pakistan[/red] is correct because [blue]the country follows a democratic process where citizens vote to choose their representatives[/blue].",
"explanationUrdu": "[red]پاکستان کے عوام[/red] درست ہے کیونکہ [blue]ملک میں جمہوری عمل رائج ہے جہاں شہری ووٹ دے کر اپنے نمائندوں کا انتخاب کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Who elects the Prime Minister of Pakistan?",
"urdu": "پاکستان کے وزیراعظم کا انتخاب کون کرتا ہے؟",
"options": [
"The President",
"The Supreme Court",
"Members of National Assembly",
"The Governor"
],
"correctAnswer": "C",
"explanation": "[red]Members of National Assembly[/red] is correct because [blue]the Prime Minister must secure a majority vote from the elected representatives in the lower house of parliament[/blue].",
"explanationUrdu": "[red]قومی اسمبلی کے ارکان[/red] درست ہے کیونکہ [blue]وزیراعظم کو پارلیمنٹ کے ایوان زیریں میں منتخب نمائندوں کی اکثریت حاصل کرنی ہوتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Who is the head of the federal government in Pakistan?",
"urdu": "پاکستان میں وفاقی حکومت کا سربراہ کون ہوتا ہے؟",
"options": [
"The President",
"The Prime Minister",
"The Chief Justice",
"The Army Chief"
],
"correctAnswer": "B",
"explanation": "[red]The Prime Minister[/red] is correct because [blue]he or she holds the executive authority to run the administration of the central government[/blue].",
"explanationUrdu": "[red]وزیراعظم[/red] درست ہے کیونکہ [blue]وفاقی حکومت کے انتظامی معاملات چلانے کا اصل اختیار وزیراعظم کے پاس ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why does the Prime Minister form a cabinet?",
"urdu": "وزیراعظم کابینہ کیوں بناتا ہے؟",
"options": [
"To organize sports",
"To run the affairs of federal government",
"To travel abroad",
"To build parks only"
],
"correctAnswer": "B",
"explanation": "[red]To run the affairs of federal government[/red] is correct because [blue]the cabinet helps the Prime Minister manage various national departments and policies[/blue].",
"explanationUrdu": "[red]وفاقی حکومت کے معاملات چلانے کے لیے[/red] درست ہے کیونکہ [blue]کابینہ مختلف قومی محکموں اور پالیسیوں کے انتظام میں وزیراعظم کی مدد کرتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who are the members of the Prime Minister's cabinet?",
"urdu": "وزیراعظم کی کابینہ کے ارکان کون ہوتے ہیں؟",
"options": [
"School teachers",
"Shopkeepers",
"Ministers",
"Foreign tourists"
],
"correctAnswer": "C",
"explanation": "[red]Ministers[/red] is correct because [blue]these individuals are chosen to lead specific governmental sectors and assist the head of government[/blue].",
"explanationUrdu": "[red]وزرأ (Ministers)[/red] درست ہے کیونکہ [blue]یہ وہ افراد ہوتے ہیں جنہیں مخصوص حکومتی شعبوں کی سربراہی اور حکومت کے سربراہ کی مدد کے لیے منتخب کیا جاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Ministers in the cabinet serve as the heads of:",
"urdu": "کابینہ کے وزراء کس کے سربراہ کے طور پر کام کرتے ہیں؟",
"options": [
"Local clubs",
"Private factories",
"Different ministries",
"Only schools"
],
"correctAnswer": "C",
"explanation": "[red]Different ministries[/red] is correct as [blue]each minister is responsible for a specific department like finance, defense, or foreign affairs[/blue].",
"explanationUrdu": "[red]مختلف وزارتوں کے[/red] درست ہے کیونکہ [blue]ہر وزیر ایک مخصوص محکمے جیسے خزانہ، دفاع یا خارجہ امور کا ذمہ دار ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who leads all the ministries in the federal government?",
"urdu": "وفاقی حکومت کی تمام وزارتوں کی قیادت کون کرتا ہے؟",
"options": [
"The President",
"The Prime Minister",
"The Secretary",
"The Speaker"
],
"correctAnswer": "B",
"explanation": "[red]The Prime Minister[/red] is correct because [blue]he or she oversees the performance of all ministers and their respective departments[/blue].",
"explanationUrdu": "[red]وزیراعظم[/red] درست ہے کیونکہ [blue]وہ تمام وزراء اور ان کے متعلقہ محکموں کی کارکردگی کی نگرانی کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is the head of state in Pakistan?",
"urdu": "پاکستان میں ریاست کا سربراہ کون ہے؟",
"options": [
"Prime Minister",
"President",
"Governor",
"Chief Minister"
],
"correctAnswer": "B",
"explanation": "[red]President[/red] is correct because [blue]the President represents the unity of the Republic as the ceremonial head of the nation[/blue].",
"explanationUrdu": "[red]صدر (President)[/red] درست ہے کیونکہ [blue]صدر مملکت کے رسمی سربراہ کے طور پر جمہوریہ کی وحدت کی نمائندگی کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who elects the President of Pakistan?",
"urdu": "پاکستان کے صدر کا انتخاب کون کرتا ہے؟",
"options": [
"Directly by the people",
"By the Army Chief",
"Members of parliament and provincial assemblies",
"By the Chief Justice"
],
"correctAnswer": "C",
"explanation": "[red]Members of parliament and provincial assemblies[/red] is correct because [blue]the President is elected through an electoral college consisting of national and provincial representatives[/blue].",
"explanationUrdu": "[red]پارلیمنٹ اور صوبائی اسمبلیوں کے ارکان[/red] درست ہے کیونکہ [blue]صدر کا انتخاب ایک الیکٹورل کالج کے ذریعے ہوتا ہے جس میں قومی اور صوبائی نمائندے شامل ہوتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the three main pillars of the Federal Government structure?",
"urdu": "وفاقی حکومت کے ڈھانچے کے تین اہم ستون کون سے ہیں؟",
"options": [
"Army, Navy, and Air Force",
"Legislature, Executive, and Judiciary",
"Banking, Trade, and Industry",
"Health, Education, and Transport"
],
"correctAnswer": "B",
"explanation": "[red]Legislature, Executive, and Judiciary[/red] is correct because [blue]these three branches work together to make, implement, and interpret laws for the country[/blue].",
"explanationUrdu": "[red]مقننہ، انتظامیہ اور عدلیہ[/red] درست ہے کیونکہ [blue]یہ تینوں شعبے مل کر ملک کے لیے قوانین بنانے، نافذ کرنے اور ان کی تشریح کرنے کا کام کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which component is included in the Legislature (Parliament) of Pakistan?",
"urdu": "پاکستان کی مقننہ (پارلیمنٹ) میں کون سا جزو شامل ہے؟",
"options": [
"Cabinet",
"Administrative Units",
"President, Senate, and National Assembly",
"Supreme Court"
],
"correctAnswer": "C",
"explanation": "[red]President, Senate, and National Assembly[/red] is correct because [blue]the Parliament is composed of these three entities to perform law-making duties[/blue].",
"explanationUrdu": "[red]صدر، سینیٹ اور قومی اسمبلی[/red] درست ہے کیونکہ [blue]پارلیمنٹ ان تینوں حصوں سے مل کر بنتی ہے جو قانون سازی کے فرائض انجام دیتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is part of the Executive branch of the Federal Government?",
"urdu": "وفاقی حکومت کے انتظامیہ (Executive) کے شعبے کا حصہ کون ہے؟",
"options": [
"Senate members",
"Prime Minister, Cabinet, and Administrative Units",
"Chief Justice",
"High Court Judges"
],
"correctAnswer": "B",
"explanation": "[red]Prime Minister, Cabinet, and Administrative Units[/red] is correct because [blue]the Executive is responsible for running the daily administration of the state[/blue].",
"explanationUrdu": "[red]وزیراعظم، کابینہ اور انتظامی یونٹس[/red] درست ہے کیونکہ [blue]انتظامیہ کا کام ریاست کے روزمرہ کے انتظامات اور معاملات کو چلانا ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which courts represent the Federal Judiciary in the government structure?",
"urdu": "حکومتی ڈھانچے میں وفاقی عدلیہ کی نمائندگی کون سی عدالتیں کرتی ہیں؟",
"options": [
"Only District Courts",
"Only Village Panchayats",
"Supreme Court and Islamabad High Court",
"Session Courts"
],
"correctAnswer": "C",
"explanation": "[red]Supreme Court and Islamabad High Court[/red] is correct because [blue]they form the top judicial level belonging to the federation for providing justice[/blue].",
"explanationUrdu": "[red]سپریم کورٹ اور اسلام آباد ہائی کورٹ[/red] درست ہے کیونکہ [blue]یہ انصاف کی فراہمی کے لیے وفاق کی اعلیٰ ترین عدالتیں ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the collective name for the President, Senate, and National Assembly?",
"urdu": "صدر، سینیٹ اور قومی اسمبلی کا اجتماعی نام کیا ہے؟",
"options": [
"Cabinet",
"Parliament",
"Judiciary",
"Secretariat"
],
"correctAnswer": "B",
"explanation": "[red]Parliament[/red] is correct because [blue]it is the supreme legislative body that consists of the two houses and the head of state[/blue].",
"explanationUrdu": "[red]پارلیمنٹ[/red] درست ہے کیونکہ [blue]یہ ملک کا وہ اعلیٰ ترین قانون ساز ادارہ ہے جو دونوں ایوانوں اور سربراہِ مملکت پر مشتمل ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which branch of the federal government includes the Prime Minister?",
"urdu": "وفاقی حکومت کی کون سا شاخ میں وزیراعظم شامل ہوتا ہے؟",
"options": [
"Judiciary",
"Legislature",
"Executive",
"Local Government"
],
"correctAnswer": "C",
"explanation": "[red]Executive[/red] is correct because [blue]the Prime Minister leads this branch to execute and manage national policies and decisions[/blue].",
"explanationUrdu": "[red]انتظامیہ (Executive)[/red] درست ہے کیونکہ [blue]وزیراعظم اس شعبے کی قیادت کرتا ہے تاکہ قومی پالیسیوں اور فیصلوں پر عمل درآمد کیا جا سکے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "The Senate and National Assembly are parts of which branch?",
"urdu": "سینیٹ اور قومی اسمبلی کس شاخ کے حصے ہیں؟",
"options": [
"Executive",
"Judiciary",
"Legislature",
"Administrative Units"
],
"correctAnswer": "C",
"explanation": "[red]Legislature[/red] is correct because [blue]its primary role is to debate and pass the laws that govern the federation[/blue].",
"explanationUrdu": "[red]مقننہ (Legislature)[/red] درست ہے کیونکہ [blue]اس کا بنیادی کام وفاق کے لیے قوانین پر بحث کرنا اور انہیں منظور کرنا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Provincial Government",
"question": "Who is the head of the Provincial Government in Pakistan?",
"urdu": "پاکستان میں صوبائی حکومت کا سربراہ کون ہوتا ہے؟",
"options": [
"Prime Minister",
"Chief Minister",
"President",
"Mayor"
],
"correctAnswer": "B",
"explanation": "[red]Chief Minister[/red] is correct because [blue]he or she leads the executive branch of a province and manages its administrative affairs[/blue].",
"explanationUrdu": "[red]وزیراعلیٰ (Chief Minister)[/red] درست ہے کیونکہ [blue]وہ صوبے کے انتظامی شعبے کی قیادت کرتا ہے اور صوبائی معاملات کو چلاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who elects the Chief Minister of a province?",
"urdu": "صوبے کے وزیراعلیٰ کا انتخاب کون کرتا ہے؟",
"options": [
"National Assembly",
"The Governor",
"Provincial Assembly",
"Directly by the people"
],
"correctAnswer": "C",
"explanation": "[red]Provincial Assembly[/red] is correct because [blue]the members of the provincial house vote to choose their leader, the Chief Minister[/blue].",
"explanationUrdu": "[red]صوبائی اسمبلی[/red] درست ہے کیونکہ [blue]صوبائی ایوان کے ارکان ووٹ دے کر اپنے قائد یعنی وزیراعلیٰ کا انتخاب کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a major responsibility of the Provincial government?",
"urdu": "صوبائی حکومت کی ایک بڑی ذمہ داری کیا ہے؟",
"options": [
"Formulating foreign policy",
"Ensuring basic rights like education and health",
"Controlling the national army",
"Printing currency notes"
],
"correctAnswer": "B",
"explanation": "[red]Ensuring basic rights like education and health[/red] is correct because [blue]the provincial government is responsible for providing essential services and protecting the property of its citizens[/blue].",
"explanationUrdu": "[red]بنیادی حقوق جیسے تعلیم اور صحت کو یقینی بنانا[/red] درست ہے کیونکہ [blue]صوبائی حکومت اپنے شہریوں کو ضروری خدمات فراہم کرنے کی ذمہ دار ہوتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which department comes under the jurisdiction of the provincial government?",
"urdu": "کون سا محکمہ صوبائی حکومت کے دائرہ اختیار میں آتا ہے؟",
"options": [
"Space Research",
"Nuclear Energy",
"Agriculture and Transport",
"Foreign Affairs"
],
"correctAnswer": "C",
"explanation": "[red]Agriculture and Transport[/red] is correct as [blue]these sectors are managed at the provincial level to meet local needs[/blue].",
"explanationUrdu": "[red]زراعت اور ٹرانسپورٹ[/red] درست ہے کیونکہ [blue]یہ شعبے مقامی ضروریات کو پورا کرنے کے لیے صوبائی سطح پر سنبھالے جاتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why does the provincial government form local governments?",
"urdu": "صوبائی حکومت مقامی حکومتیں (Local governments) کیوں بناتی ہے؟",
"options": [
"To increase taxes",
"To facilitate people at grass root level",
"To conduct national elections",
"To build international airports"
],
"correctAnswer": "B",
"explanation": "[red]To facilitate people at grass root level[/red] is correct because [blue]local governments help solve community problems and maintain law and order locally[/blue].",
"explanationUrdu": "[red]عوام کو نچلی سطح پر سہولیات فراہم کرنے کے لیے[/red] درست ہے، کیونکہ [blue]مقامی حکومتیں کمیونٹی کے مسائل حل کرنے اور امن و امان برقرار رکھنے میں مدد کرتی ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is included in the Legislature of the Provincial Government?",
"urdu": "صوبائی حکومت کی مقننہ (Legislature) میں کون شامل ہے؟",
"options": [
"Chief Minister",
"Provincial Assembly and Governor",
"High Court Judges",
"Prime Minister"
],
"correctAnswer": "B",
"explanation": "[red]Provincial Assembly and Governor[/red] is correct because [blue]they form the law-making body at the provincial level[/blue].",
"explanationUrdu": "[red]صوبائی اسمبلی اور گورنر[/red] درست ہے کیونکہ [blue]یہ صوبائی سطح پر قانون سازی کرنے والے ادارے کے طور پر کام کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which court is part of the Provincial Judiciary according to the structure?",
"urdu": "صوبائی ڈھانچے کے مطابق صوبائی عدلیہ کا حصہ کون سی عدالت ہے؟",
"options": [
"Supreme Court",
"High Court",
"Federal Shariat Court",
"International Court"
],
"correctAnswer": "B",
"explanation": "[red]High Court[/red] is correct because [blue]it is the highest judicial authority within a province to provide justice[/blue].",
"explanationUrdu": "[red]ہائی کورٹ[/red] درست ہے کیونکہ [blue]یہ انصاف کی فراہمی کے لیے صوبے کے اندر اعلیٰ ترین عدالتی ادارہ ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who forms the Provincial Cabinet to assist in government affairs?",
"urdu": "حکومتی معاملات میں مدد کے لیے صوبائی کابینہ کون بناتا ہے؟",
"options": [
"The President",
"The Chief Minister",
"The Governor",
"The Speaker"
],
"correctAnswer": "B",
"explanation": "[red]The Chief Minister[/red] is correct because [blue]he or she selects a group of ministers (cabinet) to lead various provincial departments[/blue].",
"explanationUrdu": "[red]وزیراعلیٰ[/red] درست ہے کیونکہ [blue]وہ مختلف صوبائی محکموں کی سربراہی کے لیے وزراء کا ایک گروپ (کابینہ) منتخب کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the Supreme Court called in Gilgit Baltistan?",
"urdu": "گلگت بلتستان میں سپریم کورٹ کو کیا کہا جاتا ہے؟",
"options": [
"High Court",
"Supreme Appellate Court",
"Federal Court",
"District Court"
],
"correctAnswer": "B",
"explanation": "[red]Supreme Appellate Court[/red] is correct because [blue]this is the specific title given to the highest judicial body in the Gilgit Baltistan region[/blue].",
"explanationUrdu": "[red]سپریم اپیلیٹ کورٹ[/red] درست ہے کیونکہ [blue]گلگت بلتستان میں اعلیٰ ترین عدالتی ادارے کو اسی مخصوص نام سے پکارا جاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "By what name is the High Court known in Gilgit Baltistan?",
"urdu": "گلگت بلتستان میں ہائی کورٹ کو کس نام سے جانا جاتا ہے؟",
"options": [
"Chief Court",
"Sessions Court",
"Supreme Court",
"Local Court"
],
"correctAnswer": "A",
"explanation": "[red]Chief Court[/red] is correct as [blue]it is the designation for the High Court that provides legal justice within the territory of Gilgit Baltistan[/blue].",
"explanationUrdu": "[red]چیف کورٹ[/red] درست ہے کیونکہ [blue]یہ گلگت بلتستان کے علاقے میں ہائی کورٹ کے طور پر کام کرنے والے عدالتی ادارے کا نام ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which judicial institutions exist in Azad Jammu and Kashmir?",
"urdu": "آزاد جموں و کشمیر میں کون سے عدالتی ادارے موجود ہیں؟",
"options": [
"Only High Court",
"Supreme Court and High Court",
"Only Chief Court",
"Only Sessions Court"
],
"correctAnswer": "B",
"explanation": "[red]Supreme Court and High Court[/red] is correct because [blue]Azad Jammu and Kashmir has its own complete judicial system consisting of both these higher courts[/blue].",
"explanationUrdu": "[red]سپریم کورٹ اور ہائی کورٹ[/red] درست ہے کیونکہ [blue]آزاد جموں و کشمیر کا اپنا مکمل عدالتی نظام ہے جو ان دونوں اعلیٰ عدالتوں پر مشتمل ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Local Government",
"question": "What is the rank of local government in the administrative system of Pakistan?",
"urdu": "پاکستان کے انتظامی نظام میں مقامی حکومت کا کون سا درجہ ہے؟",
"options": [
"First level",
"Second level",
"Third level",
"Fourth level"
],
"correctAnswer": "C",
"explanation": "[red]Third level[/red] is correct because [blue]local government follows the federal and provincial levels to provide administration at the nearest point to citizens[/blue].",
"explanationUrdu": "[red]تیسرا درجہ[/red] درست ہے کیونکہ [blue]وفاقی اور صوبائی حکومتوں کے بعد مقامی حکومت عوامی انتظامیہ کا تیسرا اہم درجہ ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which government is responsible for making decisions for a city, town, or district?",
"urdu": "کون سی حکومت کسی شہر، قصبے یا ضلع کے فیصلے کرنے کی ذمہ دار ہوتی ہے؟",
"options": [
"Federal government",
"Local government",
"Provincial government",
"Foreign government"
],
"correctAnswer": "B",
"explanation": "[red]Local government[/red] is correct because [blue]it is specifically designed to manage and look after the specific needs of a local area or district[/blue].",
"explanationUrdu": "[red]مقامی حکومت (Local government)[/red] درست ہے کیونکہ [blue]یہ خاص طور پر کسی مقامی علاقے یا ضلع کی ضروریات اور انتظام سنبھالنے کے لیے بنائی جاتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which officials are typically included in the local government system?",
"urdu": "مقامی حکومت کے نظام میں عام طور پر کون سے عہدیدار شامل ہوتے ہیں؟",
"options": [
"President and PM",
"Chief Justice and Judges",
"Mayor, Chairman, and Councillor",
"Governor and Speaker"
],
"correctAnswer": "C",
"explanation": "[red]Mayor, Chairman, and Councillor[/red] is correct because [blue]these represent the elected members who lead the town and district administrations[/blue].",
"explanationUrdu": "[red]میئر، چیئرمین اور کونسلر[/red] درست ہے کیونکہ [blue]یہ وہ منتخب نمائندے ہیں جو ٹاؤن اور ضلعی سطح پر انتظامیہ کی قیادت کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to whose rules and regulations does the local government operate?",
"urdu": "مقامی حکومت کس کے قوانین اور ضوابط کے مطابق کام کرتی ہے؟",
"options": [
"Provincial government",
"United Nations",
"Only city police",
"Private organizations"
],
"correctAnswer": "A",
"explanation": "[red]Provincial government[/red] is correct because [blue]it provides the legal framework and guidelines that local bodies must follow to perform their duties[/blue].",
"explanationUrdu": "[red]صوبائی حکومت[/red] درست ہے کیونکہ [blue]مقامی ادارے صوبائی حکومت کے بنائے گئے قوانین اور ضوابط کے دائرے میں رہ کر اپنے فرائض سرانجام دیتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Under which authority's jurisdiction do local developmental works fall?",
"urdu": "مقامی ترقیاتی کام کس اتھارٹی کے دائرہ اختیار میں آتے ہیں؟",
"options": [
"Federal government",
"Provincial government",
"Neighborhood committees",
"International banks"
],
"correctAnswer": "B",
"explanation": "[red]Provincial government[/red] is correct as [blue]it has the supreme power over regional infrastructure and development projects within its borders[/blue].",
"explanationUrdu": "[red]صوبائی حکومت[/red] درست ہے کیونکہ [blue]صوبے کی حدود میں ہونے والے ترقیاتی اور بنیادی ڈھانچے کے منصوبوں پر حتمی اختیار صوبائی حکومت کا ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who provides powers, resources, and funds to local bodies for their work?",
"urdu": "مقامی اداروں کو کام کرنے کے لیے اختیارات، وسائل اور فنڈز کون فراہم کرتا ہے؟",
"options": [
"Shopkeepers",
"Foreign tourists",
"Provincial government",
"Only citizens"
],
"correctAnswer": "C",
"explanation": "[red]Provincial government[/red] is correct because [blue]it allocates the budget and grants legal authority to local governments to carry out public works[/blue].",
"explanationUrdu": "[red]صوبائی حکومت[/red] درست ہے کیونکہ [blue]یہ مقامی حکومتوں کو عوامی کاموں کے لیے بجٹ فراہم کرتی ہے اور انہیں قانونی طور پر بااختیار بناتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the nature of the structure of local government across different provinces?",
"urdu": "مختلف صوبوں میں مقامی حکومت کے ڈھانچے کی نوعیت کیا ہے؟",
"options": [
"It is the same everywhere",
"It has a special structure in every province",
"There is no structure",
"It is only managed by the army"
],
"correctAnswer": "B",
"explanation": "[red]It has a special structure in every province[/red] is correct because [blue]each province organizes its local governance system according to its unique geographic and social needs[/blue].",
"explanationUrdu": "[red]ہر صوبے میں ایک خاص ڈھانچہ ہے[/red] درست ہے، کیونکہ [blue]ہر صوبہ اپنی مخصوص جغرافیائی اور سماجی ضروریات کے مطابق اپنا مقامی نظام ترتیب دیتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the government's current aim regarding the system of local governments?",
"urdu": "مقامی حکومتوں کے نظام کے حوالے سے حکومت کا موجودہ مقصد کیا ہے؟",
"options": [
"To close the system",
"To reduce the number of mayors",
"To improve the system",
"To stop funding"
],
"correctAnswer": "C",
"explanation": "[red]To improve the system[/red] is correct because [blue]the government is actively taking steps to make local administrations more effective and beneficial for the public[/blue].",
"explanationUrdu": "[red]نظام کو بہتر بنانا[/red] درست ہے کیونکہ [blue]حکومت مقامی انتظامیہ کو عوام کے لیے زیادہ مؤثر اور فائدہ مند بنانے کے لیے اقدامات کر رہی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Interdependence of Federal, Provincial and Local Governments",
"question": "How are federal and provincial governments formed in Pakistan?",
"urdu": "پاکستان میں وفاقی اور صوبائی حکومتیں کیسے بنتی ہیں؟",
"options": [
"Through family heritage",
"Through general elections",
"By lottery system",
"By foreign appointment"
],
"correctAnswer": "B",
"explanation": "[red]Through general elections[/red] is correct because [blue]it is the democratic process through which citizens vote to choose their representatives for both levels of government[/blue].",
"explanationUrdu": "[red]عام انتخابات (General elections)[/red] درست ہے کیونکہ [blue]یہ وہ جمہوری عمل ہے جس کے ذریعے شہری حکومت کے دونوں سطحوں کے لیے اپنے نمائندوں کا انتخاب کرنے کے لیے ووٹ دیتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How often are general elections held in Pakistan?",
"urdu": "پاکستان میں عام انتخابات کتنے عرصے بعد منعقد ہوتے ہیں؟",
"options": [
"After every 2 years",
"After every 10 years",
"After every 5 years",
"Every year"
],
"correctAnswer": "C",
"explanation": "[red]After every 5 years[/red] is correct because [blue]the constitution sets a five-year term for the assemblies to ensure regular democratic transitions[/blue].",
"explanationUrdu": "[red]ہر پانچ سال بعد[/red] درست ہے کیونکہ [blue]آئین اسمبلیوں کے لیے پانچ سال کی مدت مقرر کرتا ہے تاکہ باقاعدگی سے جمہوری تبدیلی کو یقینی بنایا جا سکے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to the constitution, what type of powers do the Federal and Provincial governments have?",
"urdu": "آئین کے مطابق وفاقی اور صوبائی حکومتوں کے پاس کس قسم کے اختیارات ہوتے ہیں؟",
"options": [
"Absolute powers",
"Delegated powers",
"Secret powers",
"No powers"
],
"correctAnswer": "B",
"explanation": "[red]Delegated powers[/red] is correct because [blue]the constitution clearly defines and assigns specific authorities to each level of government to manage affairs[/blue].",
"explanationUrdu": "[red]تفویض کردہ اختیارات (Delegated powers)[/red] درست ہے کیونکہ [blue]آئین واضح طور پر حکومت کی ہر سطح کو معاملات سنبھالنے کے لیے مخصوص اختیارات سونپتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to what are all federal developmental programmes finalized?",
"urdu": "تمام وفاقی ترقیاتی پروگرام کس کے مطابق حتمی شکل دیئے جاتے ہیں؟",
"options": [
"Only newspaper reports",
"Policies of parliament",
"Decisions of private clubs",
"Individual wishes"
],
"correctAnswer": "B",
"explanation": "[red]Policies of parliament[/red] is correct because [blue]the supreme legislative body debates and approves the plans for national development[/blue].",
"explanationUrdu": "[red]پارلیمنٹ کی پالیسیوں کے مطابق[/red] درست ہے کیونکہ [blue]اعلیٰ ترین قانون ساز ادارہ ہی قومی ترقی کے منصوبوں پر بحث کرتا ہے اور ان کی منظوری دیتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do federal and provincial governments work together?",
"urdu": "وفاقی اور صوبائی حکومتیں مل کر کیسے کام کرتی ہیں؟",
"options": [
"With coordination",
"In competition",
"With conflict",
"Separately without talking"
],
"correctAnswer": "A",
"explanation": "[red]With coordination[/red] is correct because [blue]cooperation between different levels of government is essential for the smooth running of the state[/blue].",
"explanationUrdu": "[red]تھریک یا باہمی تعاون (Coordination) کے ساتھ[/red] درست ہے کیونکہ [blue]ریاست کے معاملات کو خوش اسلوبی سے چلانے کے لیے حکومت کی مختلف سطحوں کے درمیان تعاون ضروری ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which government plays the role of a bridge among provincial governments?",
"urdu": "صوبائی حکومتوں کے درمیان پل کا کردار کون سی حکومت ادا کرتی ہے؟",
"options": [
"Local government",
"District government",
"Federal government",
"City council"
],
"correctAnswer": "C",
"explanation": "[red]Federal government[/red] is correct because [blue]it connects all provinces and ensures they work together for the nation's unity[/blue].",
"explanationUrdu": "[red]وفاقی حکومت[/red] درست ہے کیونکہ [blue]یہ تمام صوبوں کو آپس میں جوڑتی ہے اور اس بات کو یقینی بناتی ہے کہ وہ قومی وحدت کے لیے مل کر کام کریں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which government is responsible for national and international matters?",
"urdu": "قومی اور بین الاقوامی معاملات کا ذمہ دار کون سی حکومت ہے؟",
"options": [
"Federal government",
"Village committee",
"Local government",
"School administration"
],
"correctAnswer": "A",
"explanation": "[red]Federal government[/red] is correct as [blue]it handles overarching issues like defense and foreign relations that affect the entire country globally[/blue].",
"explanationUrdu": "[red]وفاقی حکومت[/red] درست ہے کیونکہ [blue]یہ دفاع اور خارجہ تعلقات جیسے بڑے معاملات کو سنبھالتی ہے جو عالمی سطح پر پورے ملک کو متاثر کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For what purpose do provincial governments primarily work?",
"urdu": "صوبائی حکومتیں بنیادی طور پر کس مقصد کے لیے کام کرتی ہیں؟",
"options": [
"For international trade only",
"For the welfare of their respective provinces",
"For global peace only",
"For private companies"
],
"correctAnswer": "B",
"explanation": "[red]For the welfare of their respective provinces[/red] is correct because [blue]each province focuses on providing better services and life for its own residents[/blue].",
"explanationUrdu": "[red]اپنے متعلقہ صوبوں کی بہبود کے لیے[/red] درست ہے کیونکہ [blue]ہر صوبہ اپنے رہائشیوں کو بہتر سہولیات اور زندگی فراہم کرنے پر توجہ مرکوز کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "At which level does the local government control matters?",
"urdu": "مقامی حکومت کس سطح پر معاملات کو کنٹرول کرتی ہے؟",
"options": [
"National level",
"International level",
"District level",
"Federal level"
],
"correctAnswer": "B",
"explanation": "[red]District level[/red] is correct because [blue]local government is meant to address the immediate needs of people in their cities and districts[/blue].",
"explanationUrdu": "[red]ضلعی سطح (District level)[/red] درست ہے کیونکہ [blue]مقامی حکومت کا مقصد لوگوں کے اپنے شہروں اور اضلاع میں فوری ضروریات کو پورا کرنا ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the status of provincial governments in \"some\" matters?",
"urdu": "\"کچھ\" معاملات میں صوبائی حکومتوں کی کیا حیثیت ہوتی ہے؟",
"options": [
"Powerless",
"Dependent on local government",
"Autonomous",
"Temporary"
],
"correctAnswer": "C",
"explanation": "[red]Autonomous[/red] is correct because [blue]provinces have the freedom and authority to make their own decisions in specific areas assigned to them[/blue].",
"explanationUrdu": "[red]خود مختار (Autonomous)[/red] درست ہے کیونکہ [blue]صوبوں کو ان کے لیے مختص کردہ مخصوص شعبوں میں اپنے فیصلے خود کرنے کی آزادی اور اختیار حاصل ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How are some matters settled?",
"urdu": "کچھ معاملات کیسے طے کیے جاتے ہیں؟",
"options": [
"By both the government (Federal and Provincial)",
"Only by federal government",
"Only by local government",
"By private individuals"
],
"correctAnswer": "A",
"explanation": "[red]By both the government (Federal and Provincial)[/red] is correct because [blue]certain national tasks require joint decision-making between the center and the provinces[/blue].",
"explanationUrdu": "[red]دونوں حکومتوں کے ذریعے[/red] درست ہے کیونکہ [blue]بعض قومی کاموں کے لیے مرکز اور صوبوں کے درمیان مشترکہ فیصلے کرنے کی ضرورت ہوتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who decides the distribution of national resources for developmental works?",
"urdu": "ترقیاتی کاموں کے لیے قومی وسائل کی تقسیم کا فیصلہ کون کرتا ہے؟",
"options": [
"Only provincial governments",
"Both the governments (Federal and Provincial)",
"Only the Prime Minister",
"International banks"
],
"correctAnswer": "B",
"explanation": "[red]Both the governments (Federal and Provincial)[/red] is correct because [blue]shared resources must be allocated fairly through mutual agreement for national and regional projects[/blue].",
"explanationUrdu": "[red]دونوں حکومتیں (وفاقی اور صوبائی)[/red] درست ہے کیونکہ [blue]قومی اور علاقائی منصوبوں کے لیے مشترکہ وسائل کو باہمی معاہدے کے ذریعے منصفانہ طور پر تقسیم کرنا ضروری ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which government controls national defense and matters of the armed forces?",
"urdu": "قومی دفاع اور مسلح افواج کے معاملات کو کون سی حکومت کنٹرول کرتی ہے؟",
"options": [
"Provincial Government",
"Local Government",
"Federal Government",
"District Government"
],
"correctAnswer": "C",
"explanation": "[red]Federal Government[/red] is correct because [blue]protecting the country's borders is a central responsibility managed by the national authority[/blue].",
"explanationUrdu": "[red]وفاقی حکومت[/red] درست ہے کیونکہ [blue]ملک کی سرحدوں کی حفاظت کرنا ایک مرکزی ذمہ داری ہے جو قومی حکومت سنبھالتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is responsible for taking care of the economy of the entire country?",
"urdu": "پورے ملک کی معیشت کی دیکھ بھال کا ذمہ دار کون ہے؟",
"options": [
"Only the provincial mayors",
"Federal Government",
"Only private banks",
"Local Government"
],
"correctAnswer": "B",
"explanation": "[red]Federal Government[/red] is correct as [blue]it manages national financial policies, currency, and overall economic stability for the whole nation[/blue].",
"explanationUrdu": "[red]وفاقی حکومت[/red] درست ہے کیونکہ [blue]یہ پورے ملک کے لیے قومی مالیاتی پالیسیوں، کرنسی اور معاشی استحکام کا انتظام کرتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which government supervises foreign policy and relations with other countries?",
"urdu": "خارجہ پالیسی اور دوسرے ممالک کے ساتھ تعلقات کی نگرانی کون سی حکومت کرتی ہے؟",
"options": [
"Local Government",
"District Council",
"Provincial Government",
"Federal Government"
],
"correctAnswer": "D",
"explanation": "[red]Federal Government[/red] is correct because [blue]representing the nation globally and signing international agreements must be handled by the central authority[/blue].",
"explanationUrdu": "[red]وفاقی حکومت[/red] درست ہے کیونکہ [blue]عالمی سطح پر ملک کی نمائندگی کرنا اور بین الاقوامی معاہدے کرنا مرکزی حکومت کا کام ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who controls law and order and makes legislation regarding it at the provincial level?",
"urdu": "صوبائی سطح پر امن و امان کو کون کنٹرول کرتا ہے اور اس کے متعلق قانون سازی کرتا ہے؟",
"options": [
"Federal Government",
"Provincial Government",
"Local Government",
"Only the courts"
],
"correctAnswer": "B",
"explanation": "[red]Provincial Government[/red] is correct because [blue]maintaining peace and managing the police force within its borders is a provincial duty[/blue].",
"explanationUrdu": "[red]صوبائی حکومت[/red] درست ہے کیونکہ [blue]صوبے کی حدود میں امن و امان برقرار رکھنا اور پولیس فورس کا انتظام کرنا صوبے کا فرض ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which government handles the collection and management of provincial taxes?",
"urdu": "صوبائی ٹیکسوں کی وصولی اور انتظام کون سی حکومت سنبھالتی ہے؟",
"options": [
"Federal Government",
"Provincial Government",
"Union Council",
"International Monetary Fund"
],
"correctAnswer": "B",
"explanation": "[red]Provincial Government[/red] is correct as [blue]it has the legal right to collect specific regional taxes to fund its own public services[/blue].",
"explanationUrdu": "[red]صوبائی حکومت[/red] درست ہے کیونکہ [blue]اسے اپنے عوامی کاموں کے لیے فنڈز جمع کرنے کے لیے مخصوص علاقائی ٹیکس وصول کرنے کا قانونی حق حاصل ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who controls the provincial interior policy in Pakistan?",
"urdu": "پاکستان میں صوبائی اندرونی پالیسی (Provincial interior policy) کو کون کنٹرول کرتا ہے؟",
"options": [
"Prime Minister",
"Chief Justice",
"Provincial Government",
"Local Government"
],
"correctAnswer": "C",
"explanation": "[red]Provincial Government[/red] is correct because [blue]managing internal security and administrative decisions of a province is the job of its own government[/blue].",
"explanationUrdu": "[red]صوبائی حکومت[/red] درست ہے کیونکہ [blue]صوبے کی اندرونی سیکورٹی اور انتظامی فیصلوں کا انتظام کرنا اس کی اپنی حکومت کا کام ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which government is responsible for removing encroachments from roads and arranging cattle markets?",
"urdu": "سڑکوں سے تجاوزات ہٹانے اور مویشی منڈیاں لگانے کی ذمہ دار کون سی حکومت ہوتی ہے؟",
"options": [
"Federal Government",
"Provincial Government",
"Local Government",
"None of these"
],
"correctAnswer": "C",
"explanation": "[red]Local Government[/red] is correct because [blue]managing streets, markets, and public fairs is a municipal task handled at the city or district level[/blue].",
"explanationUrdu": "[red]مقامی حکومت (Local government)[/red] درست ہے کیونکہ [blue]گلیوں، منڈیوں اور عوامی میلوں کا انتظام کرنا شہر یا ضلعی سطح پر ایک بلدیاتی کام ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who administers drinking water and sanitation facilities at the community level?",
"urdu": "کمیونٹی کی سطح پر پینے کے پانی اور صفائی ستھرائی کی سہولیات کا انتظام کون کرتا ہے؟",
"options": [
"Only the Prime Minister",
"Local Government",
"Federal Government",
"Foreign agencies"
],
"correctAnswer": "B",
"explanation": "[red]Local Government[/red] is correct as [blue]providing clean drinking water and sewage systems are direct responsibilities of local municipal bodies[/blue].",
"explanationUrdu": "[red]مقامی حکومت[/red] درست ہے کیونکہ [blue]پینے کا صاف پانی فراہم کرنا اور نکاسی آب کا نظام چلانا مقامی بلدیاتی اداروں کی براہِ راست ذمہ داری ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which level of government helps widows, orphans, and affectees of natural disasters locally?",
"urdu": "مقامی سطح پر بیواؤں، یتیموں اور قدرتی آفت سے متاثرہ لوگوں کی مدد کون سی حکومت کرتی ہے؟",
"options": [
"Only Federal Government",
"Only Provincial Government",
"Local Government",
"None of the governments"
],
"correctAnswer": "C",
"explanation": "[red]Local Government[/red] is correct because [blue]local bodies are closest to the people and can quickly distribute aid to needy and affected families[/blue].",
"explanationUrdu": "[red]مقامی حکومت[/red] درست ہے کیونکہ [blue]مقامی ادارے عوام کے قریب ترین ہوتے ہیں اور ضرورت مندوں اور متاثرہ خاندانوں تک تیزی سے امداد پہنچا سکتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Constitution",
"question": "What kind of country is Pakistan?",
"urdu": "پاکستان کس قسم کا ملک بیان کیا گیا ہے؟",
"options": [
"Only Islamic",
"Democratic and Islamic country",
"Dictatorship",
"Communist state"
],
"correctAnswer": "B",
"explanation": "[red]Democratic and Islamic country[/red] is correct because [blue]Pakistan is a republic where government is elected by the people and laws are made in light of Islamic teachings[/blue].",
"explanationUrdu": "[red]جمہوری اور اسلامی ملک[/red] درست ہے کیونکہ [blue]پاکستان ایک ایسی جمہوریہ ہے جہاں حکومت کا انتخاب عوام کرتے ہیں اور قوانین اسلامی تعلیمات کی روشنی میں بنائے جاتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to which principles is Pakistan's constitution formulated?",
"urdu": "پاکستان کا آئین کن اصولوں کے مطابق تیار کیا گیا ہے؟",
"options": [
"Western principles",
"Islamic principles",
"Only ancient laws",
"Foreign rules"
],
"correctAnswer": "B",
"explanation": "[red]Islamic principles[/red] is correct because [blue]as an Islamic republic, Pakistan's constitutional laws must align with the teachings of Islam[/blue].",
"explanationUrdu": "[red]اسلامی اصولوں کے مطابق[/red] درست ہے کیونکہ [blue]ایک اسلامی جمہوریہ ہونے کے ناطے، پاکستان کے آئینی قوانین کا اسلامی تعلیمات کے مطابق ہونا ضروری ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which constitution is currently implemented in Pakistan?",
"urdu": "پاکستان میں اس وقت کون سا آئین نافذ العمل ہے؟",
"options": [
"1956 Constitution",
"1962 Constitution",
"1973 Constitution",
"1947 Act"
],
"correctAnswer": "C",
"explanation": "[red]1973 Constitution[/red] is correct because [blue]it is the current supreme law of the land that governs the state of Pakistan[/blue].",
"explanationUrdu": "[red]1973 کا آئین (1973 Constitution)[/red] درست ہے کیونکہ [blue]یہ ملک کا موجودہ اعلیٰ ترین قانون ہے جو ریاستِ پاکستان کے نظام کو چلاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the official name of Pakistan according to the constitution?",
"urdu": "آئین کے مطابق پاکستان کا سرکاری نام کیا ہے؟",
"options": [
"Republic of Pakistan",
"Islamic Republic of Pakistan",
"United States of Pakistan",
"Democratic Pakistan"
],
"correctAnswer": "B",
"explanation": "[red]Islamic Republic of Pakistan[/red] is correct because [blue]the constitution officially declares this name to reflect the country's religious and political identity[/blue].",
"explanationUrdu": "[red]اسلامی جمہوریہ پاکستان[/red] درست ہے کیونکہ [blue]آئین باضابطہ طور پر اس نام کا اعلان ملک کی مذہبی اور سیاسی شناخت کو ظاہر کرنے کے لیے کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the state religion of Pakistan according to the constitution?",
"urdu": "آئین کے مطابق پاکستان کا سرکاری مذہب کیا ہے؟",
"options": [
"Christianity",
"Hinduism",
"Islam",
"Buddhism"
],
"correctAnswer": "C",
"explanation": "[red]Islam[/red] is correct because [blue]the constitution declares it as the state religion, reflecting the beliefs of the majority of the population[/blue].",
"explanationUrdu": "[red]اسلام[/red] درست ہے کیونکہ [blue]آئین اسے سرکاری مذہب قرار دیتا ہے، جو آبادی کی اکثریت کے عقائد کی عکاسی کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why is Islam declared as the state religion in Pakistan's constitution?",
"urdu": "پاکستان کے آئین میں اسلام کو سرکاری مذہب کیوں قرار دیا گیا ہے؟",
"options": [
"Because of old history",
"Because Muslims are in majority",
"Because of foreign pressure",
"For no specific reason"
],
"correctAnswer": "B",
"explanation": "[red]Because Muslims are in majority[/red] is correct since [blue]almost 97 percent of the population in Pakistan follows the Islamic faith[/blue].",
"explanationUrdu": "[red]کیونکہ مسلمان اکثریت میں ہیں[/red] درست ہے کیونکہ [blue]پاکستان میں تقریباً 97 فیصد آبادی اسلامی عقیدے کی پیروی کرتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How does the constitution treat followers of other religions in Pakistan?",
"urdu": "پاکستان کا آئین دوسرے مذاہب کے پیروکاروں کے ساتھ کیسا سلوک کرتا ہے؟",
"options": [
"They have no rights",
"They have been given basic rights",
"They are not allowed to live here",
"They must change their religion"
],
"correctAnswer": "B",
"explanation": "[red]They have been given basic rights[/red] is correct because [blue]the constitution of Pakistan guarantees religious freedom and equality to all minority communities[/blue].",
"explanationUrdu": "[red]انہیں بنیادی حقوق دیے گئے ہیں[/red] درست ہے کیونکہ [blue]پاکستان کا آئین تمام اقلیتی برادریوں کو مذہبی آزادی اور برابری کی ضمانت دیتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is a combination of basic laws and principles used to run a country called?",
"urdu": "کسی ملک کو چلانے کے لیے بنیادی قوانین اور اصولوں کے مجموعے کو کیا کہا جاتا ہے؟",
"options": [
"Dictionary",
"Constitution",
"Map",
"History book"
],
"correctAnswer": "B",
"explanation": "[red]Constitution[/red] is correct because [blue]it is the legal document that outlines how the government is structured and how laws are implemented[/blue].",
"explanationUrdu": "[red]آئین (Constitution)[/red] درست ہے کیونکہ [blue]یہ وہ قانونی دستاویز ہے جو یہ بتاتی ہے کہ حکومت کی ساخت کیسی ہوگی اور قوانین کو کیسے نافذ کیا جائے گا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the national language of Pakistan?",
"urdu": "پاکستان کی قومی زبان کون سی ہے؟",
"options": [
"English",
"Punjabi",
"Urdu",
"Sindhi"
],
"correctAnswer": "C",
"explanation": "[red]Urdu[/red] is correct because [blue]it is officially declared by the constitution as the national language to promote unity among different regions[/blue].",
"explanationUrdu": "[red]اردو[/red] درست ہے کیونکہ [blue]آئین کے ذریعے اسے باضابطہ طور پر قومی زبان قرار دیا گیا ہے تاکہ مختلف علاقوں کے درمیان اتحاد کو فروغ دیا جا سکے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What provides guidance for running the affairs of a country or state?",
"urdu": "کسی ملک یا ریاست کے معاملات چلانے کے لیے رہنمائی کون فراہم کرتا ہے؟",
"options": [
"Newspaper",
"Constitution",
"Only TV news",
"Private companies"
],
"correctAnswer": "B",
"explanation": "[red]Constitution[/red] is correct because [blue]it acts as the supreme guide for leaders and institutions to run the nation's administration fairly[/blue].",
"explanationUrdu": "[red]آئین[/red] درست ہے کیونکہ [blue]یہ ملک کے نظم و نسق کو منصفانہ طریقے سے چلانے کے لیے رہنماؤں اور اداروں کے لیے ایک اعلیٰ رہنما کے طور پر کام کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For which institutions does the constitution provide laws?",
"urdu": "آئین کن اداروں کے لیے قوانین فراہم کرتا ہے؟",
"options": [
"Only sports clubs",
"Legislature, executive, and judiciary",
"Only private banks",
"Private schools"
],
"correctAnswer": "B",
"explanation": "[red]Legislature, executive, and judiciary[/red] is correct because [blue]the constitution defines the roles and rules for all three main pillars of government[/blue].",
"explanationUrdu": "[red]مقمنہ، انتظامیہ اور عدلیہ[/red] درست ہے کیونکہ [blue]آئین حکومت کے ان تینوں بنیادی ستونوں کے کردار اور قوانین کا تعین کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the constitution do regarding the powers of government institutions?",
"urdu": "آئین حکومتی اداروں کے اختیارات کے حوالے سے کیا کرتا ہے؟",
"options": [
"It hides their powers",
"It determines their powers",
"It gives them unlimited powers",
"It removes all their powers"
],
"correctAnswer": "B",
"explanation": "[red]It determines their powers[/red] is correct because [blue]the constitution sets boundaries to ensure that no single branch of government becomes too powerful[/blue].",
"explanationUrdu": "[red]ان کے اختیارات کا تعین کرتا ہے[/red] درست ہے کیونکہ [blue]آئین یہ حد مقرر کرتا ہے تاکہ یہ یقینی بنایا جا سکے کہ حکومت کا کوئی ایک شعبہ بھی حد سے زیادہ طاقتور نہ ہو[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the constitution ensure regarding basic human rights?",
"urdu": "آئین بنیادی انسانی حقوق کے حوالے سے کس چیز کو یقینی بناتا ہے؟",
"options": [
"Only limits them",
"Provision and protection of basic human rights",
"Removes them",
"Keeps them secret"
],
"correctAnswer": "B",
"explanation": "[red]Provision and protection of basic human rights[/red] is correct because [blue]the constitution guarantees that every citizen receives their fundamental rights and can seek justice if they are violated[/blue].",
"explanationUrdu": "[red]بنیادی انسانی حقوق کی فراہمی اور تحفظ[/red] درست ہے کیونکہ [blue]آئین اس بات کی ضمانت دیتا ہے کہ ہر شہری کو اس کے بنیادی حقوق ملیں اور خلاف ورزی پر وہ انصاف حاصل کر سکے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides rights, what does the constitution make people aware of?",
"urdu": "حقوق کے علاوہ، آئین لوگوں کو کس چیز سے آگاہ کرتا ہے؟",
"options": [
"Personal hobbies",
"Their responsibilities (duties)",
"Foreign countries' laws",
"Market prices"
],
"correctAnswer": "B",
"explanation": "[red]Their responsibilities (duties)[/red] is correct because [blue]being a good citizen means knowing and performing your duties alongside enjoying your constitutional rights[/blue].",
"explanationUrdu": "[red]ان کی ذمہ داریوں (فرائض) سے[/red] درست ہے کیونکہ [blue]ایک اچھا شہری ہونے کا مطلب یہ ہے کہ اپنے آئینی حقوق سے لطف اندوز ہونے کے ساتھ ساتھ اپنے فرائض کو بھی جانیں اور ادا کریں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Rights of Citizens",
"question": "Who has the right to the protection of life and property in Pakistan?",
"urdu": "پاکستان میں جانی اور مالی تحفظ کا حق کسے حاصل ہے؟",
"options": [
"Only rich people",
"Every citizen without any discrimination",
"Only government officers",
"Only foreign tourists"
],
"correctAnswer": "B",
"explanation": "[red]Every citizen without any discrimination[/red] is correct because [blue]the state is legally responsible for protecting the life and wealth of all its people equally[/blue].",
"explanationUrdu": "[red]بغیر کسی تفریق کے ہر شہری کو[/red] درست ہے کیونکہ [blue]ریاست تمام لوگوں کی جان اور مال کی یکساں حفاظت کرنے کی قانونی طور پر ذمہ دار ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to the constitution, every citizen has the right to live according to his:",
"urdu": "آئین کے مطابق ہر شہری کو کس کے مطابق زندگی گزارنے کا حق حاصل ہے؟",
"options": [
"Neighbor's wishes",
"Beliefs",
"Foreign laws",
"Only government orders"
],
"correctAnswer": "B",
"explanation": "[red]Beliefs[/red] is correct because [blue]religious freedom is guaranteed, allowing individuals to practice their faith and traditional values freely[/blue].",
"explanationUrdu": "[red]اپنے عقائد (Beliefs) کے مطابق[/red] درست ہے کیونکہ [blue]مذہبی آزادی کی ضمانت دی گئی ہے، جس سے ہر فرد کو اپنے عقیدے اور روایات پر آزادی سے عمل کرنے کا موقع ملتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What economic right does the constitution guarantee to every citizen?",
"urdu": "آئین ہر شہری کو کون سا معاشی حق دیتا ہے؟",
"options": [
"Right to do business, trade, or adopt any other profession",
"Right to take others' property for free",
"Right to avoid taxes",
"Only working in agriculture"
],
"correctAnswer": "A",
"explanation": "[red]Right to do business, trade, or adopt any other profession[/red] is correct because [blue]citizens have the liberty to earn their livelihood through legal means of their choice[/blue].",
"explanationUrdu": "[red]کاروبار، تجارت یا کوئی دوسرا پیشہ اختیار کرنے کا حق[/red] درست ہے کیونکہ [blue]شہریوں کو اپنی پسند کے قانونی ذرائع سے روزی کمانے کی مکمل آزادی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Freedom of expression and speech is the right of:",
"urdu": "اظہارِ رائے اور تقریر کی آزادی کس کا حق ہے؟",
"options": [
"Only politicians",
"Every citizen",
"Only journalists",
"Only government officials"
],
"correctAnswer": "B",
"explanation": "[red]Every citizen[/red] is correct because [blue]freedom of speech allows all individuals to share their opinions and ideas openly in society[/blue].",
"explanationUrdu": "[red]ہر شہری کا[/red] درست ہے کیونکہ [blue]اظہارِ رائے کی آزادی تمام افراد کو معاشرے میں کھلے عام اپنی آراء اور خیالات شیئر کرنے کی اجازت دیتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What right does every citizen have regarding property in Pakistan?",
"urdu": "پاکستان میں جائیداد (property) کے حوالے سے ہر شہری کو کیا حق حاصل ہے؟",
"options": [
"Only renting it",
"Right to buy, keep, and sell property",
"Only giving it to others",
"No right to own land"
],
"correctAnswer": "B",
"explanation": "[red]Right to buy, keep, and sell property[/red] is correct because [blue]private ownership is protected under the constitutional laws of the country[/blue].",
"explanationUrdu": "[red]جائیداد خریدنے، رکھنے اور فروخت کرنے کا حق[/red] درست ہے کیونکہ [blue]ملک کے آئینی قوانین کے تحت نجی ملکیت کو تحفظ فراہم کیا گیا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What political and travel rights do citizens enjoy in Pakistan?",
"urdu": "شہریوں کو پاکستان میں سفر اور سیاسی سرگرمیوں کے کون سے حقوق حاصل ہیں؟",
"options": [
"Right to travel, participate in gatherings, and form a party",
"Only traveling inside one city",
"Only gathering inside houses",
"No right to make political parties"
],
"correctAnswer": "A",
"explanation": "[red]Right to travel, participate in gatherings, and form a party[/red] is correct as [blue]it ensures free movement and active participation in democratic processes[/blue].",
"explanationUrdu": "[red]سفر کرنے، اجتماعات میں شرکت کرنے اور پارٹی بنانے کا حق[/red] درست ہے کیونکہ [blue]یہ آزادانہ نقل و حرکت اور جمہوری عمل میں فعال شرکت کو یقینی بناتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to the constitution of Pakistan, child labour is forbidden for children under which age?",
"urdu": "آئینِ پاکستان کے مطابق کتنی عمر سے کم بچوں کے لیے چائلڈ لیبر (مزدوری) ممنوع ہے؟",
"options": [
"Under 18 years",
"Under 14 years",
"Under 16 years",
"Under 10 years"
],
"correctAnswer": "B",
"explanation": "[red]Under 14 years[/red] is correct because [blue]the constitution forbids employing young children in factories or labor to protect their childhood and health[/blue].",
"explanationUrdu": "[red]14 سال سے کم عمر[/red] درست ہے کیونکہ [blue]آئین بچوں کے بچپن اور صحت کے تحفظ کے لیے انہیں فیکٹریوں یا مشقت میں ملازم رکھنے سے منع کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "It is the responsibility of the government to impart free and compulsory education to children of which age group?",
"urdu": "بچوں کے کس عمر کے گروپ کو مفت اور لازمی تعلیم دینا حکومت کی ذمہ داری ہے؟",
"options": [
"Children aged 1 to 5 years",
"Children aged 5 to 16 years",
"Youth aged 18 to 25 years",
"Only 10-year-old children"
],
"correctAnswer": "B",
"explanation": "[red]Children aged 5 to 16 years[/red] is correct as [blue]the constitution mandates that the state must provide basic education to all kids within this age bracket[/blue].",
"explanationUrdu": "[red]5 سے 16 سال کے بچوں کو[/red] درست ہے کیونکہ [blue]آئین یہ لازمی قرار دیتا ہے کہ ریاست اس عمر کے تمام بچوں کو بنیادی تعلیم فراہم کرے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Importance of the Rule of Law",
"question": "How many different constitutions have been implemented in Pakistan in its history?",
"urdu": "پاکستان کی تاریخ میں اب تک کتنے مختلف آئین نافذ کیے جا چکے ہیں؟",
"options": [
"One",
"Two",
"Three (1956, 1962, and 1973)",
"Five"
],
"correctAnswer": "C",
"explanation": "[red]Three (1956, 1962, and 1973)[/red] is correct because [blue]Pakistan has adopted three major constitutions since its independence, in the years 1956, 1962, and 1973[/blue].",
"explanationUrdu": "[red]تین (Three)[/red] درست ہے کیونکہ [blue]پاکستان نے اپنی آزادی کے بعد سے اب تک تین بڑے آئین اپنائے ہیں، جو کہ 1956، 1962 اور 1973 میں نافذ ہوئے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to what are all the laws of the country formulated?",
"urdu": "ملک کے تمام قوانین کس کے مطابق تیار کیے جاتے ہیں؟",
"options": [
"Foreign books",
"According to the constitution",
"Individual desires",
"Newspapers"
],
"correctAnswer": "B",
"explanation": "[red]According to the constitution[/red] is correct because [blue]the constitution is the supreme law, and all other national laws must align with its principles[/blue].",
"explanationUrdu": "[red]آئین کے مطابق[/red] درست ہے کیونکہ [blue]آئین ملک کا اعلیٰ ترین قانون ہے اور باقی تمام قومی قوانین کا اس کے اصولوں کے مطابق ہونا ضروری ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How are citizens treated under the importance of the rule of law?",
"urdu": "قانون کی حکمرانی کی اہمیت کے تحت شہریوں کے ساتھ کیسا سلوک کیا جاتا ہے؟",
"options": [
"Rich are above law",
"All the citizens are equal in law",
"Foreigners have more rights",
"Laws are different for everyone"
],
"correctAnswer": "B",
"explanation": "[red]All the citizens are equal in law[/red] is correct because [blue]the rule of law guarantees that legal codes are applied to every person in the same manner[/blue].",
"explanationUrdu": "[red]تمام شہری قانون کی نظر میں برابر ہیں[/red] درست ہے کیونکہ [blue]قانون کی حکمرانی اس بات کی ضمانت دیتی ہے کہ ہر شخص پر یکساں طور پر قانون کا اطلاق ہو[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What happens to people who break the law or indulge in illegal activities?",
"urdu": "قانون توڑنے یا غیر قانونی سرگرمیوں میں ملوث ہونے والے لوگوں کے ساتھ کیا ہوتا ہے؟",
"options": [
"They are rewarded",
"They are punished according to the law",
"They are ignored",
"They are sent abroad"
],
"correctAnswer": "B",
"explanation": "[red]They are punished according to the law[/red] is correct because [blue]maintaining order requires that those who commit crimes face legal consequences[/blue].",
"explanationUrdu": "[red]انہیں قانون کے مطابق سزا دی جاتی ہے[/red] درست ہے کیونکہ [blue]امن و امان برقرار رکھنے کے لیے ضروری ہے کہ جرم کرنے والوں کو قانونی نتائج کا سامنا کرنا پڑے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where is the hearing of any trial conducted first of all?",
"urdu": "کسی بھی مقدمے کی سماعت سب سے پہلے کہاں کی جاتی ہے؟",
"options": [
"In the High Court",
"In the Supreme Court",
"At session or civil court",
"In the parliament"
],
"correctAnswer": "C",
"explanation": "[red]At session or civil court[/red] is correct because [blue]these are the lower courts where legal disputes and cases are initially presented and heard[/blue].",
"explanationUrdu": "[red]سیشن یا سول کورٹ میں[/red] درست ہے کیونکہ [blue]یہ وہ نچلی عدالتیں ہیں جہاں قانونی تنازعات اور مقدمات کو سب سے پہلے پیش کیا اور سنا جاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What are the judges of session or civil courts called?",
"urdu": "سیشن یا سول عدالتوں کے ججوں کو کیا کہا جاتا ہے؟",
"options": [
"Chief Justices",
"Session or district judges",
"Prime Ministers",
"Officers"
],
"correctAnswer": "B",
"explanation": "[red]Session or district judges[/red] is correct as [blue]they are the judicial officers responsible for presiding over cases in district-level courts[/blue].",
"explanationUrdu": "[red]سیشن یا ڈسٹرکٹ ججز[/red] درست ہے کیونکہ [blue]یہ وہ عدالتی افسران ہیں جو ضلعی سطح کی عدالتوں میں مقدمات کی صدارت کرنے کے ذمہ دار ہوتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where can parties appeal if they do not agree with the verdict of civil or session courts?",
"urdu": "اگر فریقین سول یا سیشن عدالتوں کے فیصلے سے اتفاق نہ کریں تو وہ کہاں اپیل کر سکتے ہیں؟",
"options": [
"To another civil court",
"To the High Court",
"To the Police station",
"To the President"
],
"correctAnswer": "B",
"explanation": "[red]To the High Court[/red] is correct because [blue]it is the next higher judicial authority where appeals against district court decisions can be filed[/blue].",
"explanationUrdu": "[red]ہائی کورٹ (High Court) میں[/red] درست ہے کیونکہ [blue]یہ اس سے اگلا اعلیٰ عدالتی ادارہ ہے جہاں ضلعی عدالت کے فیصلوں کے خلاف اپیلیں دائر کی جا سکتی ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many provinces of the country have their own High Courts?",
"urdu": "ملک کے کتنے صوبوں کی اپنی ہائی کورٹس (High Courts) ہیں؟",
"options": [
"Only one province",
"Two provinces",
"Four provinces",
"All territories"
],
"correctAnswer": "C",
"explanation": "[red]Four provinces[/red] is correct because [blue]each of Pakistan's four provinces hosts its own provincial High Court to manage regional legal matters[/blue].",
"explanationUrdu": "[red]چار صوبوں میں[/red] درست ہے کیونکہ [blue]پاکستان کے چاروں صوبوں میں علاقائی قانونی معاملات کو سنبھالنے کے لیے اپنی صوبائی ہائی کورٹ موجود ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is the official head of a provincial High Court?",
"urdu": "ہائی کورٹ کا سرکاری سربراہ کون ہوتا ہے؟",
"options": [
"District Judge",
"Chief Justice",
"Chief Minister",
"Governor"
],
"correctAnswer": "B",
"explanation": "[red]Chief Justice[/red] is correct because [blue]the most senior judge of a High Court serves as its administrative and judicial leader[/blue].",
"explanationUrdu": "[red]چیف جسٹس (Chief Justice)[/red] درست ہے کیونکہ [blue]ہائی کورٹ کا سب سے سینئر جج اس کے انتظامی اور عدالتی سربراہ کے طور پر کام کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where can parties appeal if they do not accept the decision of the High Court?",
"urdu": "اگر فریقین ہائی کورٹ کے فیصلے کو بھی قبول نہ کریں تو وہ کہاں اپیل کر سکتے ہیں؟",
"options": [
"To the Supreme Court",
"To the local police",
"Back to the civil court",
"To the Prime Minister"
],
"correctAnswer": "A",
"explanation": "[red]To the Supreme Court[/red] is correct as [blue]it is the highest court in the nation where final appeals against High Court rulings are reviewed[/blue].",
"explanationUrdu": "[red]سپریم کورٹ (Supreme Court) میں[/red] درست ہے کیونکہ [blue]یہ ملک کی سب سے بڑی عدالت ہے جہاں ہائی کورٹ کے فیصلوں کے خلاف آخری اپیلوں کا جائزہ لیا جاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which court is recognized as the apex (highest) court of Pakistan?",
"urdu": "پاکستان کی سب سے بڑی (apex) عدالت کسے تسلیم کیا جاتا ہے؟",
"options": [
"High Court",
"Supreme Court",
"Sessions Court",
"Family Court"
],
"correctAnswer": "B",
"explanation": "[red]Supreme Court[/red] is correct because [blue]it is the ultimate judicial authority in the country's legal hierarchy[/blue].",
"explanationUrdu": "[red]سپریم کورٹ[/red] درست ہے کیونکہ [blue]یہ ملک کے قانونی ڈھانچے میں سب سے بڑا عدالتی ادارہ ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the head of the Supreme Court of Pakistan officially called?",
"urdu": "پاکستان کی سپریم کورٹ کے سربراہ کو سرکاری طور پر کیا کہا جاتا ہے؟",
"options": [
"President of Court",
"Chief Justice of Pakistan",
"Governor General",
"Chairman Senate"
],
"correctAnswer": "B",
"explanation": "[red]Chief Justice of Pakistan[/red] is correct because [blue]he or she holds the highest judicial office and leads the supreme court of the country[/blue].",
"explanationUrdu": "[red]چیف جسٹس آف پاکستان[/red] درست ہے کیونکہ [blue]وہ سب سے بڑے عدالتی عہدے پر فائز ہوتے ہیں اور ملک کی سپریم کورٹ کی سربراہی کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the status of the verdict given by the Supreme Court of Pakistan?",
"urdu": "پاکستان کی سپریم کورٹ کی طرف سے دیے گئے فیصلے (verdict) کی کیا حیثیت ہوتی ہے؟",
"options": [
"It can be changed by civil courts",
"The verdict of Supreme Court is final",
"It is only temporary",
"It is not binding"
],
"correctAnswer": "B",
"explanation": "[red]The verdict of Supreme Court is final[/red] is correct because [blue]there is no higher legal authority to appeal against its ultimate decisions[/blue].",
"explanationUrdu": "[red]سپریم کورٹ کا فیصلہ حتمی (final) ہوتا ہے[/red] درست ہے کیونکہ [blue]اس کے حتمی فیصلوں کے خلاف اپیل کرنے کے لیے ملک میں کوئی اور بڑا قانونی ادارہ موجود نہیں ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Political Parties",
"question": "What does a democratic country typically have to represent different political views?",
"urdu": "جمہوری ملک میں مختلف سیاسی آراء کی نمائندگی کے لیے عام طور پر کیا ہوتا ہے؟",
"options": [
"Only one king",
"Different political parties",
"No organizations",
"Only military offices"
],
"correctAnswer": "B",
"explanation": "[red]Different political parties[/red] is correct because [blue]a democracy allows multiple groups to organize and present their ideas to the citizens[/blue].",
"explanationUrdu": "[red]مختلف سیاسی جماعتیں (Political parties)[/red] درست ہے کیونکہ [blue]جمہوریت شہریوں کو مختلف گروپس بنانے اور اپنے خیالات عوام کے سامنے پیش کرنے کی اجازت دیتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does every political party have that makes it popular and distinct among people?",
"urdu": "ہر سیاسی جماعت کے پاس ایسا کیا ہوتا ہے جو اسے لوگوں میں مقبول اور دوسروں سے منفرد بناتا ہے؟",
"options": [
"Its own ideology and manifesto",
"Unlimited money",
"Only foreign support",
"The same colors as others"
],
"correctAnswer": "A",
"explanation": "[red]Its own ideology and manifesto[/red] is correct because [blue]these documents outline the party's beliefs and promises, helping voters decide who to support[/blue].",
"explanationUrdu": "[red]اپنا نظریہ اور منشور (Ideology and manifesto)[/red] درست ہے کیونکہ [blue]یہ دستاویزات پارٹی کے عقائد اور وعدوں کو ظاہر کرتی ہیں، جس سے ووٹرز کو فیصلہ کرنے میں مدد ملتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who is essential for making a political party active and functional?",
"urdu": "کسی سیاسی جماعت کو متحرک اور فعال بنانے کے لیے کون ضروری ہے؟",
"options": [
"A secretary only",
"A leader",
"A foreign observer",
"A computer programmer"
],
"correctAnswer": "B",
"explanation": "[red]A leader[/red] is correct because [blue]he or she guides the members, makes decisions, and represents the party's vision to the public[/blue].",
"explanationUrdu": "[red]ایک رہنما (Leader)[/red] درست ہے کیونکہ [blue]وہ ارکان کی رہنمائی کرتا ہے، فیصلے کرتا ہے اور عوام کے سامنے پارٹی کے نظریات کی نمائندگی کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What does the winning political party do after the election is completed?",
"urdu": "انتخابات کے بعد جیتنے والی سیاسی جماعت کیا کرتی ہے؟",
"options": [
"It dissolves itself",
"It forms its government",
"It stops all work",
"It leaves the country"
],
"correctAnswer": "B",
"explanation": "[red]It forms its government[/red] is correct because [blue]the party with the majority of votes earns the democratic right to run the country's administration[/blue].",
"explanationUrdu": "[red]اپنی حکومت بناتی ہے[/red] درست ہے کیونکہ [blue]انتخابات میں اکثریت حاصل کرنے والی جماعت کو ملک کا انتظام چلانے کا جمہوری حق حاصل ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What kind of country is Pakistan regarding its political system?",
"urdu": "اپنے سیاسی نظام کے لحاظ سے پاکستان کس قسم کا ملک ہے؟",
"options": [
"Monarchy",
"Dictatorship",
"Democratic country",
"Non-political state"
],
"correctAnswer": "C",
"explanation": "[red]Democratic country[/red] is correct because [blue]Pakistan is a state where government power comes from the citizens through their right to vote[/blue].",
"explanationUrdu": "[red]جمہوری ملک (Democratic country)[/red] درست ہے کیونکہ [blue]پاکستان ایک ایسی ریاست ہے جہاں حکومت بنانے کا اختیار شہریوں کے ووٹ کے ذریعے حاصل ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How do people elect their representatives in a democratic system like Pakistan?",
"urdu": "جمہوری نظام میں لوگ اپنے نمائندوں کا انتخاب کیسے کرتے ہیں؟",
"options": [
"Through family links",
"Through votes",
"Through physical strength",
"By buying positions"
],
"correctAnswer": "B",
"explanation": "[red]Through votes[/red] is correct because [blue]casting a ballot is the official way citizens participate in elections to choose their leaders[/blue].",
"explanationUrdu": "[red]ووٹوں کے ذریعے[/red] درست ہے کیونکہ [blue]بیلٹ پیپر پر مہر لگانا شہریوں کا وہ باضابطہ طریقہ ہے جس کے ذریعے وہ انتخابات میں اپنے رہنماؤں کا انتخاب کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What responsibility do elected representatives take after winning the election?",
"urdu": "منتخب نمائندے انتخابات جیتنے کے بعد کون سی ذمہ داری سنبھالتے ہیں؟",
"options": [
"They take control of government affairs",
"They close all schools",
"They travel permanently",
"They build private houses only"
],
"correctAnswer": "A",
"explanation": "[red]They take control of government affairs[/red] is correct because [blue]elected members are tasked with managing public services and making laws for the state[/blue].",
"explanationUrdu": "[red]حکومتی معاملات کا انتظام سنبھالتے ہیں[/red] درست ہے کیونکہ [blue]ان نمائندوں کا کام ریاست کے امور کو چلانا اور عوامی مسائل حل کرنا ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "The elected representatives in Pakistan belong to:",
"urdu": "پاکستان میں منتخب ہونے والے نمائندے کس سے تعلق رکھتے ہیں؟",
"options": [
"Only foreign countries",
"Different political parties",
"Only one single party",
"No political groups"
],
"correctAnswer": "B",
"explanation": "[red]Different political parties[/red] is correct because [blue]a democratic assembly contains members representing various parties to ensure a diversity of views[/blue].",
"explanationUrdu": "[red]مختلف سیاسی جماعتوں سے[/red] درست ہے کیونکہ [blue]پارلیمنٹ میں مختلف سیاسی جماعتوں کے نمائندے شامل ہوتے ہیں جو عوامی آراء کی نمائندگی کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLpp2TRa3OMnJvXKXe-97vuy30_3tsF7rdYWqaFLiJnK0xTEV8V2v2kSHFxlWPPqzttLRwAZsySM4HRoQigsDluLs-2PCGhCYaSNcqeiirzSZS_ApVIshmzsBPqh9XUE-Mts2bQnNkq8Q2uRR1Y99niFrotOW8oHG3_cp_L479wzNoaPJNxhO-FiJ8g/s1600/Social%20Studies%205th%20Class%20Chapter%203.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.comtag:blogger.com,1999:blog-51255189599790045.post-62896032675636211012026-07-06T08:00:00.000+05:002026-07-06T08:00:00.122+05:005th Class Social Studies MCQs – The Beginning of Civilizations (Ch-Wise Test) | PakMCQs<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>5th Class Social Studies MCQs Preparation | History Chapter 4 Full Chapter Practice | PakMCQs (Concept Based + Exam Focused)</title>
<meta name="description" content="Practice 5th Class Social Studies MCQs on 'The Beginning of Civilizations' (تہذیبوں کا آغاز) with answers. Free online quiz for exam prep on PakMCQs. MCQs, important questions, chapter summary, and complete exam notes. Get ready for your test!">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Nastaliq+Urdu&display=swap" rel="stylesheet"></link>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></link>
<!-- STEP 1: Add jsPDF Library for PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<!-- Schema.org markup for 5th Class Social Studies: History - The Beginning of Civilizations (تہذیبوں کا آغاز) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "EducationalArticle",
"headline": "Class 5 Social Studies MCQs | History – The Beginning of Civilizations (تہذیبوں کا آغاز) | PakMCQs",
"description": "Study 5th Class Social Studies Chapter 4 – History: The Beginning of Civilizations with complete notes, learning outcomes, and the salient features of the Greek, Roman, and Gandhara Civilizations.",
"articleBody": "This educational resource covers Chapter 4 of the 5th Class Social Studies curriculum: The Beginning of Civilizations. It provides solved MCQs and conceptual knowledge on the terms Common Era (CE) and Before the Common Era (BCE), and the salient features of three ancient civilizations. The Greek Civilization (1200 BC to 146 BC) is explained through its city states such as Athens and Sparta, its gods led by Zeus, the Parthenon Temple, the origin of the Olympic Games in 776 BC, and philosophers like Socrates, Plato, and Aristotle. The Roman Civilization (753 BC to 476 AD) covers its founding by King Romulus, the Colosseum, Roman numerals, the tunic and toga, and its eventual division and fall. The Gandhara Civilization (600 BC to 500 AD) explains the region covering Peshawar and the Swat and Kabul valleys, its rule under the Persians, Alexander the Great, the Mauryan Dynasty under Chandragupta Maurya and Ashoka, the spread of Buddhism, Gautama Buddha, and the famous Gandhara art and Takhtbhai monastery. Ideal for students preparing for school exams and building foundational knowledge of ancient civilizations on PakMCQs.",
"keywords": [
"5th Class Social Studies MCQs",
"Beginning of Civilizations MCQs",
"تہذیبوں کا آغاز MCQs",
"Greek Civilization MCQs",
"Roman Civilization MCQs",
"Gandhara Civilization MCQs",
"Ashoka and Gautama Buddha MCQs",
"Colosseum and Parthenon Temple MCQs",
"PakMCQs Social Studies"
],
"image": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-e1-uR78H0ILtSnc3e-X5xrolNF-TD9eMtZ6D_cUWcYZrPM-d1f8e9zWW27RUisPUtVZ14k01TU0fEcUVfhnC5v04vK049MjmUQSkv4rmY9rMX-TrxYgIo4QpBULmnb-PZr7JuJIgMKsPvjc-4YeNGbfsSH2n_S9BvedRjrfgFmbBo0UbVgq_elF3mQ/s1600/Social%20Studies%205th%20Class%20Chapter%204.jpg",
"height": 720,
"width": 1280,
"caption": "5th Class Social Studies MCQs - History: The Beginning of Civilizations (تہذیبوں کا آغاز)"
},
"datePublished": "2026-07-04",
"dateModified": "2026-07-05",
"author": {
"@type": "Person",
"name": "Mehtab Ahmad",
"url": "https://www.pakmcqs.org"
},
"publisher": {
"@type": "Organization",
"name": "PAKMCQs",
"url": "https://www.pakmcqs.org",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-e1-uR78H0ILtSnc3e-X5xrolNF-TD9eMtZ6D_cUWcYZrPM-d1f8e9zWW27RUisPUtVZ14k01TU0fEcUVfhnC5v04vK049MjmUQSkv4rmY9rMX-TrxYgIo4QpBULmnb-PZr7JuJIgMKsPvjc-4YeNGbfsSH2n_S9BvedRjrfgFmbBo0UbVgq_elF3mQ/s1600/Social%20Studies%205th%20Class%20Chapter%204.jpg",
"width": 250,
"height": 60
},
"sameAs": [
"https://www.facebook.com/PakMCQs",
"https://x.com/PakMCQs"
]
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.pakmcqs.org/2026/07/5th-Class-Social-Studies-MCQs-History-Beginning-of-Civilizations-PakMCQs.html"
},
"educationalLevel": [
"5th Class",
"Primary School",
"Elementary Social Studies"
],
"audience": [
{
"@type": "EducationalAudience",
"educationalRole": "student"
},
{
"@type": "EducationalAudience",
"educationalRole": "teacher"
}
],
"learningResourceType": [
"Multiple Choice Questions",
"History Guide",
"Solved Exercise"
],
"educationalUse": [
"Exam Preparation",
"Historical Awareness",
"Conceptual Learning"
],
"about": [
{ "@type": "Thing", "name": "Greek Civilization" },
{ "@type": "Thing", "name": "Roman Civilization" },
{ "@type": "Thing", "name": "Gandhara Civilization" },
{ "@type": "Thing", "name": "Olympic Games" },
{ "@type": "Thing", "name": "Buddhism" },
{ "@type": "Thing", "name": "Ashoka" }
],
"inLanguage": ["en", "ur"]
}
</script>
<!-- FAQ Structured Data for History - Greek, Roman, and Gandhara Civilizations (10 Q&A Included) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is a civilization?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A civilization is an advanced stage of human society where people develop organized governments, culture, laws, education, and improved ways of living."
}
},
{
"@type": "Question",
"name": "Which three civilizations are discussed in this chapter?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The three civilizations discussed in this chapter are: Greek Civilization, Roman Civilization, and Gandhara Civilization."
}
},
{
"@type": "Question",
"name": "What were the main features of Greek Civilization?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Greek Civilization was famous for its city-states, democracy, philosophy, education, art, architecture, and the origin of the Olympic Games."
}
},
{
"@type": "Question",
"name": "Who were the famous people of Greek Civilization?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Some famous people of Greek Civilization were: Socrates, Plato, Aristotle, and Alexander the Great."
}
},
{
"@type": "Question",
"name": "What were the main achievements of Roman Civilization?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Roman Civilization was known for its strong government, engineering, roads, arches, domes, aqueducts, Roman numerals, and impressive buildings like the Colosseum."
}
},
{
"@type": "Question",
"name": "What was Gandhara Civilization famous for?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Gandhara Civilization was famous for Buddhism, Gandhara art, trade, education, and beautiful statues of Gautama Buddha."
}
},
{
"@type": "Question",
"name": "Who was Gautama Buddha?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Gautama Buddha was the founder of Buddhism. He taught people to live peaceful, kind, and honest lives and to show compassion toward all living beings."
}
},
{
"@type": "Question",
"name": "What is Gandhara Art?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Gandhara Art is a famous style of art that combined Greek, Persian, Syrian, and Indian influences. It is especially known for its stone statues of Gautama Buddha."
}
},
{
"@type": "Question",
"name": "What are Common Era (CE) and Before Common Era (BCE)?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Common Era (CE) refers to the time after the birth of Hazrat Isa (A.S.), while Before Common Era (BCE) refers to the time before his birth."
}
},
{
"@type": "Question",
"name": "Why are ancient civilizations important to study?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ancient civilizations help us understand the development of human society, governments, culture, education, science, art, and the foundations of the modern world."
}
}
]
}
</script>
<!-- Additional meta tag to prevent Blogger overrides -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
/* Reset Blogger styles */
.no-blogger-overlap * {
all: unset;
all: revert-layer;
box-sizing: border-box; /* YEH ADD KIYA GAYA HAI TAAKE WIDTH BAHIR NA NIKLE */
}
/* Fix for question cards */
.question-card {
position: relative !important;
z-index: 1 !important;
overflow: visible !important;
}
/* Fix for social share section */
.social-share-section {
position: relative !important;
margin-top: 20px !important;
clear: both !important;
z-index: 0 !important;
display: block !important;
overflow: visible !important;
}
/* Original styles with Theme Variables Integration */
:root {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--border-radius: 8px;
--box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
/* Tips Section Styles */
.tips-section {
background-color: rgba(52, 152, 219, 0.1); /* Transparent blue for dark mode compatibility */
border-left: 5px solid #0056b3;
border-radius: var(--border-radius);
padding: 20px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,86,179,0.1);
}
.tips-section h3 {
color: var(--primary-color);
margin-top: 0;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.tips-section h3::before {
content: '🚀';
margin-right: 10px;
font-size: 1.5rem;
}
.tips-section ul {
list-style-type: none;
padding-left: 5px;
color: var(--color-text-primary); /* Theme Variable */
}
.tips-section li {
margin-bottom: 10px;
line-height: 1.6;
padding-left: 25px;
position: relative;
}
.tips-section li::before {
content: '💡';
position: absolute;
left: 0;
top: 0;
}
.tips-section p {
margin-top: 15px;
margin-bottom: 0;
color: var(--color-text-primary);
}
.take-test-btn {
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
/* Using Theme Variable for Main Background */
background-color: var(--bg-main);
color: var(--color-text-primary);
max-width: 2100px;
margin: 0 auto;
padding: 0px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.header-image {
width: 100%;
max-height: 350px;
object-fit: cover;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
/* --- DOWNLOAD SECTION --- */
.info-banner {
background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
color: white !important; /* Force white text */
padding: 20px;
border-radius: var(--border-radius);
margin-bottom: 20px;
box-shadow: var(--box-shadow);
}
.info-banner h1 {
margin-top: 0;
color: white !important;
font-size: 1.8rem;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding-bottom: 10px;
margin-bottom: 15px;
}
.info-banner p {
margin-bottom: 15px;
color: white !important;
}
.info-banner .urdu-text {
color: white !important;
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
font-size: 0.8rem;
line-height: 1.8;
}
/* --- UPDATED PDF DOWNLOAD BUTTON STYLES --- */
.pdf-download-btn {
position: relative; /* For absolute positioning of progress bar */
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #e74c3c;
color: white !important;
padding: 10px 20px;
border-radius: var(--border-radius);
text-decoration: none;
font-weight: bold;
margin-top: 10px;
transition: var(--transition);
text-align: center;
cursor: pointer;
border: none;
overflow: hidden; /* Ensure progress bar stays inside */
width: 100%; /* Or fixed width if preferred */
max-width: 300px;
height: 45px;
}
.pdf-download-btn:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.pdf-download-btn:disabled {
background-color: #7f8c8d;
cursor: not-allowed;
transform: none;
}
/* The text inside the button */
.btn-text {
position: relative;
z-index: 2; /* Sit on top of progress bar */
}
/* The Progress Bar inside the button */
.progress-bar-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background-color: rgba(0, 0, 0, 0.3); /* Darker shade overlay */
transition: width 0.3s ease;
z-index: 1;
}
/* --- END DOWNLOAD SECTION --- */
/* Cards adapted for Theme Dark Mode - Updated with Blue Stroke & Glow */
.question-card {
background-color: var(--bg-content); /* Theme BG */
border-radius: var(--border-radius);
padding: 20px;
margin-bottom: 25px;
/* === UPDATE: Blue Stroke and Glow Effect === */
border: 2px solid #3498db;
box-shadow: 0 0 15px rgba(52, 152, 219, 0.6);
/* =========================================== */
transition: all 0.3s ease;
position: relative;
}
/* ====== NEW STYLES FOR IMPORTANT QUESTION ====== */
.question-card.important-question {
/* Distinct Dark Background for Important Questions */
background-color: #1a252f !important;
border: 2px solid #f1c40f !important; /* Gold border for importance */
box-shadow: 0 0 20px rgba(241, 196, 15, 0.3);
}
/* Badge Style - Updated with Flexbox for Star Icon */
.important-badge {
position: absolute;
top: -12px;
right: 15px;
background: linear-gradient(45deg, #e74c3c, #c0392b);
color: white;
padding: 4px 12px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 10;
/* Align Icon and Text */
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Light Theme Override for Important Question */
body.light-theme .question-card.important-question {
background-color: #ffffff !important; /* White background in light mode */
border-color: #e74c3c !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* =============================================== */
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES START ========== */
/* ======================================================== */
.toc-container { background-color: var(--bg-content); border-radius: var(--border-radius); padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow); border: 1px solid var(--primary-color); transition: all 0.3s ease; }
.toc-container h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--border-color, rgba(52, 152, 219, 0.3)); font-size: 1.5rem; display: flex; align-items: center; gap: 10px; }
.toc-list { list-style: none; padding: 0; margin: 15px 0 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.toc-item { background: var(--bg-main); padding: 12px 15px; border-radius: 6px; border-left: 4px solid var(--primary-color); cursor: pointer; font-weight: 500; color: var(--color-text-primary); transition: all 0.2s ease; display: flex; align-items: center; }
.toc-item:hover { background: rgba(52, 152, 219, 0.15); transform: translateX(5px); border-left-color: var(--secondary-color); }
.toc-item::before { content: '📌'; margin-right: 10px; font-size: 1.1rem; }
.in-quiz-topic-heading { background: linear-gradient(135deg, #2c3e50, #3498db); color: white !important; padding: 15px 20px; border-radius: var(--border-radius); font-size: 1.4rem; font-weight: bold; margin: 40px 0 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-align: center; position: relative; border: 2px solid #fff; }
body.light-theme .in-quiz-topic-heading { background: linear-gradient(135deg, #3498db, #2980b9); }
.question-card.highlight-scroll {
box-shadow: 0 0 25px #2ecc71 !important;
border-color: #2ecc71 !important;
transform: scale(1.01);
transition: all 0.5s ease;
}
/* ======================================================== */
/* ============ TOC & TOPIC HEADING STYLES END ============ */
/* ======================================================== */
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS START ================ */
/* ======================================================== */
/* 1. DEFAULT (DARK MODE) SETTINGS */
/* Since your theme defaults to dark mode, we set Yellow/White here */
.question-text {
font-size: 1.1rem;
font-weight: bold;
color: #FFFF00 !important; /* Yellow for Dark Mode */
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.urdu-text {
font-family: 'Noto Nastaliq Urdu', serif;
direction: rtl;
text-align: right;
display: block;
font-size: 1.1rem;
color: #ffffff !important; /* White for Dark Mode */
margin-bottom: 15px;
cursor: pointer;
line-height: 1.8;
}
/* 2. LIGHT MODE OVERRIDES */
/* These trigger when the body has 'light-theme' class */
body.light-theme .question-text {
color: #006400 !important; /* Dark Green for Light Mode */
}
body.light-theme .urdu-text {
color: #000000 !important; /* Black for Light Mode */
}
/* Global Selection Notice Box Fixes */
/* Default Dark Mode Box */
.global-selection-notice {
background-color: rgba(52, 152, 219, 0.2);
border: 1px solid #FFFF00;
padding: 12px;
border-radius: var(--border-radius);
margin-bottom: 15px;
text-align: center;
color: #ffffff !important; /* White text default */
}
.global-selection-notice .urdu-text {
color: #ffffff !important;
}
/* Light Mode Box Override */
body.light-theme .global-selection-notice {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404 !important;
}
body.light-theme .global-selection-notice .urdu-text {
color: #856404 !important;
}
/* ======================================================== */
/* ============ FIXED COLOR SETTINGS END ================== */
/* ======================================================== */
.options {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 15px;
}
.option {
padding: 12px 15px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius);
cursor: pointer;
transition: var(--transition);
display: flex;
align-items: center;
position: relative;
background-color: var(--bg-main); /* Slightly distinct from card bg */
color: var(--color-text-primary);
}
.option:hover {
border-color: var(--primary-color);
background-color: rgba(52, 152, 219, 0.1);
}
.option-letter {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: rgba(0,0,0,0.1);
border-radius: 50%;
margin-right: 12px;
font-weight: 500;
flex-shrink: 0;
color: var(--color-text-primary);
}
.option-text {
flex-grow: 1;
}
/* === UPDATE #1: Highlighted Answer Bold === */
.correct {
background-color: rgba(40, 167, 69, 0.2) !important;
border-color: #28a745 !important;
color: var(--color-text-primary) !important;
font-weight: bold !important; /* Added Bold Property */
}
.correct .option-letter {
background-color: #28a745;
color: white;
}
.incorrect {
background-color: rgba(220, 53, 69, 0.2) !important;
border-color: #dc3545 !important;
color: var(--color-text-primary) !important;
}
.incorrect .option-letter {
background-color: #dc3545;
color: white;
}
.explanation-btn {
background-color: transparent;
border: none;
color: var(--primary-color);
cursor: pointer;
font-size: 0.9rem;
padding: 5px 0;
display: flex;
align-items: center;
gap: 5px;
}
.explanation-btn:hover {
text-decoration: underline;
}
.explanation {
display: none;
background-color: rgba(52, 152, 219, 0.1); /* Transparent for dark mode */
padding: 12px;
border-radius: var(--border-radius);
margin-top: 10px;
border-left: 3px solid var(--primary-color);
font-size: 0.95rem;
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
.explanation-image {
max-width: 100%;
height: auto;
border-radius: var(--border-radius);
margin: 10px 0;
display: block;
}
.explanation-image-container {
text-align: center;
margin: 15px 0;
}
/* Explanation text highlighting styles */
.explanation .highlight-red { color: #e74c3c; font-weight: bold; }
.explanation .highlight-blue { color: #3498db; font-weight: bold; }
.explanation .highlight-green { color: #2ecc71; font-weight: bold; }
.explanation .highlight-yellow {
color: #f39c12;
font-weight: bold;
background-color: rgba(243, 156, 18, 0.1);
padding: 0 2px;
border-radius: 3px;
}
.explanation .highlight-purple { color: #9b59b6; font-weight: bold; }
.controls {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: var(--border-radius);
font-weight: 500;
cursor: pointer;
transition: var(--transition);
}
.btn-primary { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: #2980b9; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5a6268; }
.divider {
height: 1px;
background-color: var(--border-color, rgba(0,0,0,0.1));
margin: 25px 0;
transition: background-color 0.3s ease;
}
.ad-container {
background-color: var(--bg-content);
border: 1px dashed var(--border-color, rgba(0,0,0,0.2));
padding: 20px;
text-align: center;
margin: 20px 0;
border-radius: var(--border-radius);
transition: background-color 0.3s ease;
color: var(--color-text-primary);
}
/* RELATED TOPICS SECTION */
.related-topics {
background-color: var(--bg-content);
padding: 15px;
border-radius: var(--border-radius);
margin: 20px 0;
transition: background-color 0.3s ease;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.related-topics h3 {
margin-top: 0;
color: var(--color-text-primary);
border-bottom: 1px solid var(--border-color, rgba(0,0,0,0.1));
padding-bottom: 10px; margin-bottom: 15px;
}
.related-topics ul { padding-left: 20px; }
.related-topics li { margin-bottom: 8px; color: var(--color-text-primary); }
.related-topics a { color: var(--primary-color); text-decoration: none; }
.related-topics a:hover { text-decoration: underline; }
.hidden { display: none; }
.disabled { opacity: 0.5; pointer-events: none; }
/* Social Share Buttons */
.share-buttons { display: flex; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
.share-btn {
display: flex; align-items: center; justify-content: center;
padding: 6px 10px; border-radius: 4px; color: white;
font-size: 10px; cursor: pointer; transition: all 0.2s ease;
text-decoration: none; border: none;
}
.share-btn .share-icon {
width: 10px; height: 10px; margin-right: 5px;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.share-btn:hover { transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.facebook-btn { background-color: #3b5998; }
.twitter-btn { background-color: #1da1f2; }
.whatsapp-btn { background-color: #25d366; }
.copy-link-btn { background-color: #6c757d; }
.copy-link-btn.copied { background-color: #28a745; }
.social-share-section {
margin: 15px 0; padding: 10px;
background-color: var(--bg-content);
border-radius: var(--border-radius); text-align: center;
}
.social-share-title { font-size: 0.9rem; color: var(--color-text-secondary); margin-bottom: 8px; }
/* Pagination Styles */
.pagination { display: flex; justify-content: center; margin: 30px 0; flex-wrap: wrap; gap: 5px; }
.page-btn {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-btn:hover:not(.active) { background-color: var(--bg-main); }
.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color); }
.page-nav {
padding: 8px 15px; margin: 0 2px;
border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); background-color: var(--bg-content);
color: var(--color-text-primary); cursor: pointer; transition: var(--transition);
}
.page-nav:hover { background-color: var(--bg-main); }
.disabled-nav { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.page-search { margin-top: 15px; display: flex; justify-content: center; width: 100%; }
.page-search input {
padding: 8px 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); width: 150px; text-align: center;
margin-right: 5px; background-color: var(--bg-content); color: var(--color-text-primary);
}
.page-search button {
padding: 8px 15px; border: none; border-radius: var(--border-radius);
background-color: var(--primary-color); color: white; cursor: pointer;
}
.page-ellipsis { display: inline-block; padding: 8px 12px; color: var(--color-text-secondary); }
/* FAQ Section Styles */
.faq-section {
margin: 30px 0; background-color: var(--bg-content);
border-radius: var(--border-radius); padding: 20px; box-shadow: var(--box-shadow);
transition: background-color 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.faq-section h2 { color: var(--color-text-primary); border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-top: 0; }
.faq-item {
margin-bottom: 15px; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.3s ease;
}
.faq-question {
background-color: var(--bg-main); padding: 12px 15px; cursor: pointer;
font-weight: 500; display: flex; justify-content: space-between; align-items: center;
transition: background-color 0.3s ease; color: var(--color-text-primary);
}
.faq-question:hover { background-color: rgba(52, 152, 219, 0.1); }
.faq-answer {
padding: 15px; background-color: var(--bg-content); display: none;
transition: background-color 0.3s ease; color: var(--color-text-secondary);
}
.faq-answer.show { display: block; }
.faq-toggle { font-size: 1.2rem; transition: var(--transition); }
.faq-toggle.rotated { transform: rotate(45deg); }
/* Image Between Questions */
.question-image { margin: 20px 0; text-align: center; }
.question-image a { display: inline-block; }
.question-image img { max-width: 100%; height: auto; border-radius: var(--border-radius); box-shadow: var(--box-shadow); transition: transform 0.3s ease; }
.question-image img:hover { transform: scale(1.02); }
.question-image-caption { margin-top: 8px; font-size: 0.9rem; color: var(--color-text-secondary); text-align: center; }
.share-image-canvas { position: fixed; top: -9999px; left: -9999px; visibility: hidden; }
.tts-btn {
background-color: #6c757d; color: white; border: none;
border-radius: var(--border-radius); padding: 8px 12px; margin: 10px 0;
cursor: pointer; display: flex; align-items: center; gap: 5px;
font-size: 0.9rem; transition: var(--transition);
}
.tts-btn:hover { background-color: #5a6268; }
.tts-btn i { font-size: 1rem; }
.translate-btn {
background-color: #3498db; color: white; border: none; border-radius: 4px;
padding: 5px 10px; margin: 5px 0; cursor: pointer; font-size: 0.8rem; transition: all 0.2s ease;
}
.translate-btn:hover { background-color: #2980b9; }
.translate-btn i { display: none; }
.explanation-urdu {
display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl;
text-align: right; margin-top: 10px; line-height: 2.2; font-size: 1.0rem;
}
/* Expandable Content Section */
.expandable-content {
background-color: var(--bg-content); border-radius: var(--border-radius);
padding: 20px; margin: 20px 0; box-shadow: var(--box-shadow);
transition: all 0.3s ease; border: 1px solid var(--border-color, rgba(0,0,0,0.1));
}
.expandable-content h2 { color: var(--primary-color); margin-top: 0; padding-bottom: 10px; border-bottom: 2px solid var(--primary-color); display: flex; justify-content: space-between; align-items: center; }
.content-translate-btn { background-color: var(--secondary-color); color: white; border: none; border-radius: 4px; padding: 5px 10px; font-size: 0.8rem; cursor: pointer; transition: all 0.2s ease; }
.content-translate-btn:hover { background-color: #27ae60; }
.content-preview { position: relative; overflow: hidden; max-height: 120px; transition: max-height 0.5s ease; }
.content-preview.expanded { max-height: none; }
.content-preview::after {
content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0), var(--bg-content)); transition: opacity 0.3s ease; opacity: 1;
}
.content-preview.expanded::after { opacity: 0; }
.read-more-btn { display: inline-block; margin-top: 10px; color: var(--primary-color); cursor: pointer; font-weight: 500; transition: all 0.2s ease; }
.read-more-btn:hover { text-decoration: underline; }
.content-body { margin-bottom: 15px; line-height: 1.6; color: var(--color-text-primary); }
.content-body p { margin-bottom: 15px; }
.content-body img { max-width: 100%; height: auto; border-radius: var(--border-radius); margin: 15px 0; display: block; }
.content-body .image-link { display: inline-block; position: relative; }
.content-body .image-link:hover::after {
content: 'Click to view'; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.5); color: white; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius);
}
.content-body h3 { color: #e74c3c; margin: 20px 0 10px 0; }
.content-body h4 { color: #3498db; margin: 15px 0 8px 0; }
.content-body .highlight-word { color: #9b59b6; font-weight: bold; }
.content-body .highlight-link { color: #e67e22; text-decoration: underline; font-weight: 500; }
.content-body .highlight-link:hover { color: #d35400; }
.content-body .urdu-content { display: none; font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; text-align: right; line-height: 2; }
.hidden-faq { display: none; }
.see-more-faq { text-align: center; margin-top: 20px; }
.see-more-faq .btn { padding: 8px 20px; font-size: 0.9rem; }
.question-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; flex-wrap: wrap; gap: 10px; }
.modern-comment-link {
z-index: 5; display: inline-flex; align-items: center; gap: 6px;
padding: 6px 12px; border-radius: 50px; background: linear-gradient(45deg, #28a745, #20c997);
color: white; text-decoration: none; font-size: 0.85rem; font-weight: 500; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modern-comment-link:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); color: white; }
.modern-comment-link svg { width: 18px; height: 18px; fill: currentColor; }
/* ========================================================================= */
/* == MOBILE RESPONSIVE TWEAKS (GAP KAM KARNE KE LIYE YAHAN CHANGES KI HAIN) == */
/* ========================================================================= */
@media (max-width: 768px) {
/* Blogger Theme ki padding ka gap khatam/kam karne ke liye Negative Margin lagaya gaya hai */
.no-blogger-overlap {
margin-left: -12px;
margin-right: -12px;
}
.toc-list { grid-template-columns: 1fr; }
.in-quiz-topic-heading { font-size: 1.2rem; padding: 12px; }
body { padding: 0px; }
.info-banner h1 { font-size: 1.5rem; }
.question-text { font-size: 1.1rem; }
.urdu-text { font-size: 1rem; }
.page-btn, .page-nav { padding: 6px 10px; font-size: 0.9rem; }
.faq-question { font-size: 1rem; }
.share-buttons { gap: 6px; }
.share-btn { padding: 6px 10px; font-size: 12px; }
.share-btn .share-icon { width: 10px; height: 10px; }
.pdf-download-btn { padding: 8px 15px; font-size: 0.9rem; }
/* Andar ki jagga ko adjust kiya gaya hai */
.question-card { padding: 15px; }
.option { padding: 10px 12px; }
.category-grid { grid-template-columns: repeat(2, 1fr); }
.expandable-content { padding: 15px; }
.content-preview { max-height: 100px; }
}
@media (max-width: 480px) {
/* Choti screen pe gap ko mazeed theek karne ke liye thora aur margin diya gaya hai */
.no-blogger-overlap {
margin-left: -16px;
margin-right: -16px;
}
body { padding: 0px; }
.info-banner { padding: 15px; }
.info-banner h1 { font-size: 1.3rem; }
.controls { flex-direction: column; }
.controls .btn { width: 100%; }
.pagination { gap: 3px; justify-content: center; }
.page-btn, .page-nav { padding: 8px 12px; font-size: 0.95rem; min-width: 40px; }
.page-search input { width: 100px; padding: 10px; }
.page-search button { padding: 5px 10px; }
.expandable-content h2 { font-size: 1.2rem; flex-direction: column; align-items: flex-start; gap: 10px; }
.category-grid { grid-template-columns: repeat(1, 1fr); }
.modern-comment-link { padding: 5px 10px; font-size: 0.4rem; gap: 4px; }
.modern-comment-link svg { width: 10px; height: 10px; }
.explanation-btn { font-size: 0.85rem; }
.card-badge { font-size: 9px; padding: 3px 8px; }
/* Choti screens ke liye question card padding adjustment */
.question-card { padding: 12px; }
}
</style>
<!-- STEP 1: AdSense Script ko <head> main rakhein -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4073269280727447" crossorigin="anonymous"></script>
</head>
<body>
<!-- Main content wrapper to prevent Blogger conflicts -->
<div class="no-blogger-overlap">
<img class="header-image" id="headerImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-e1-uR78H0ILtSnc3e-X5xrolNF-TD9eMtZ6D_cUWcYZrPM-d1f8e9zWW27RUisPUtVZ14k01TU0fEcUVfhnC5v04vK049MjmUQSkv4rmY9rMX-TrxYgIo4QpBULmnb-PZr7JuJIgMKsPvjc-4YeNGbfsSH2n_S9BvedRjrfgFmbBo0UbVgq_elF3mQ/s1600/Social%20Studies%205th%20Class%20Chapter%204.jpg" />
<!-- HEADER AD SECTION HATA DIYA GAYA HAI -->
<!-- Info Banner Section -->
<div class="info-banner">
<h1>Class 5 Social Studies MCQs: Greek, Roman, and Gandhara Civilizations | PakMCQs (Concept Based + Exam Focused)</h1>
<p>Master 5th Class Social Studies Chapter 4 – History (تاریخ) with a free online CBT Test and important MCQs. Learn about the Greek, Roman, and Gandhara Civilizations, their historical timelines, lifestyle, architecture (such as the Parthenon and Colosseum), traditional clothing, and key figures including Socrates, Alexander the Great, and Gautama Buddha. Practice exam-focused multiple-choice questions with instant answers to strengthen your preparation for school exams, board assessments, and competitive tests. Study online free at PakMCQs. Studying with explanations will insha'Allah improve your preparation.</p>
<p class="urdu-text">پی ڈی ایف ڈاؤن لوڈ کرنے کے بجائے، یہاں وضاحت کے ساتھ پڑھیں۔ اِن شاء اللہ آپ کی تیاری مزید بہتر ہو جائے گی۔</p>
<!-- UPDATED PDF DOWNLOAD BUTTON WITH PROGRESS BAR STRUCTURE -->
<button class="pdf-download-btn" id="generatePdfBtn">
<span class="btn-text">Click here for Download PDF</span>
<div class="progress-bar-fill"></div>
</button>
</div>
<!-- New Expandable Content Section -->
<div class="expandable-content">
<h2>History (Tareekh) | تاریخ
<button class="content-translate-btn" id="contentTranslateBtn">Translate to Urdu</button>
</h2>
<div class="content-preview" id="contentPreview">
<div class="content-body">
<!-- English Content -->
<div class="english-content">
<h3 style="color: #e74c3c;">5th Class Social Studies Chapter 4: History (Tareekh)</h3>
<h4 style="color: #3498db;">Students Learning Outcomes</h4>
<p>Is sabaq ko mukammal karne ke baad students is qabil ho jayenge ke:<br>
• Greek (Yoonani), Roman (Rumi) aur Gandhara tehzebon ke numaya khado-khal (salient features) bayan kar sakein.</p>
<p>Jese jese insani zindagi apne taraqqiyati marahil se guzri, ye zyada se zyada ba-saliqa aur tehzeeb-yafta hoti gayi. Logon ne behtar tarz-e-zindagi ikhtiyar kiya, aur is tarah insani tehzeeb (human civilization) ka aghaz hua. Insan ne taraqqi ke mukhtalif marahil tay kiye aur aage barha. Us ne zindagi guzarne ke naye tareeqay apnaye. Samaji amal (social process) wajood mein aaya. Riasatein aur hukoomatein qayam huin aur insani tehzeeb ka ek naya aghaz hua.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Sochem aur Jawab Dein (Think and Answer):</strong><br>
• Teozeeb (civilization) kya hai?<br>
• Teen sab se purani tehzebon ke naam likhein.
</p>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Common Era (CE) / Esvi sadi:</span> Hazrat Isa (A.S.) ki paidaish ke baad ke daur ko Common Era (CE) kaha jata hai.<br>
• <span class="highlight-word" style="color: #c0392b; font-weight: bold;">Before the Common Era (BCE) / Qabl-e-Maseeh:</span> Hazrat Isa (A.S.) ki paidaish se pehle ke daur ko Before the Common Era (BCE) kaha jata hai.</p>
<p>Is sabaq mein, hum darj-zail teen tehzebon ke bare mein parhenge jin mein se Greek (Yoonani) tehzeeb sab se purani hai:<br>
1. <b>Greek Civilization (Yoonani Teozeeb)</b><br>
2. <b>Roman Civilization (Rumi Teozeeb)</b><br>
3. <b>Gandhara Civilization (Gandhara Teozeeb)</b></p>
<h4 style="color: #3498db;">Greek Civilization / Yoonani Teozeeb (1200 BC - 146 BC)</h4>
<p>Greek tehzeeb taqreeban char hazar saal pehle Darya-e-Room (Mediterranean Sea) ke kinaron ke sath wajood mein aayi. Qadeem Greece (Yoonan) Europe aur maghribi Asia ke aksar ilaqon par mushtamil tha. Ye khitta dunya bhar mein apne oonche paharon, bare samandaron aur khoobsurat jazeeron ki wajah se mashhoor tha.</p>
<p>Qadeem Greece 'city states' (shehri riasaton) mein taqseeem tha. In mein <b>Athens (Atheenz), Sparta, Thebes aur Olympia</b> shamil the. In shehri riasaton ki apni hukoomatein, qawaneen aur faujein thin.</p>
<p>Athens aur Sparta qadeem Greece ke do ahem shehar the. Wo aksar ek doosre ke khilaf jhang karte rehte the. Sparta ke log jhang aur laraee pasand karte the jabke Athens ke log funoon (arts) aur taleem mein dilchasp rakhte the. Qadeem Yoonani bohot se deotaon aur deviyon ki ibadat karte the. Wo <span style="color: #8e44ad; font-weight: bold;">Zeus</span> ko sab se bara deota aur tamam deotaon aur deviyon ka hakim samajhte the.</p>
<p>Yoonaniyon ne apni awami imaratein aur mandir sutoonon (pillars) par banaye. Yoonani ghar ek hall aur uske gird kuch kamron par mushtamil hote the. Us waqt aksar Yoonani kheti-badi (farming), machli pakarne (fishing) aur tijaarat (trading) ka kaam karte the. Is ke elawa, kai log fauji, daanishwar (scholars), scientists aur fankar (artists) bhi the.</p>
<p style="background: #f9f9f9; padding: 10px; border-left: 4px solid #7f8c8d;"><strong>Kya aap mazeed janna chahte hain?</strong> Mashhoor falsafi jese ke <b>Socrates (Suqraat), Plato (Aflatun), Aristotle (Arastoo)</b> aur azeem jangjo <b>Alexander the Great (Sikandar-e-Azam)</b> ka taluq Greek tehzeeb se tha.</p>
<p>• <b>Chiton:</b> Chiton qadeem Yoonan ka libas tha. Ye kapray ka ek mustateel (rectangular) tukra hota tha jise Yoonani apne kandhon par broaches (pin) aur apni peeth par belts ke sath bandhte the.<br>
• <b>Parthenon Temple:</b> Greece ke shehar Athens mein, ye Acropolis mein qadeem Yoonani saqafat ki ek saqafati alamat (cultural symbol) hai.<br>
• <b>Marathon:</b> Marathon ka aghaz Greece se hua jise Phelipides naam ke ek shakhs ne shuru kiya. Wo Irani (Persian) hamlay ke bare mein apne doston (allies) ko ittela dene aur unse madad mangne ke liye Marathon se Sparta tak 150 mile ka fasla bhaag kar gaya. Jab hyoonaniyon ne wo fatah hasil kar li, to wo Marathon se Athens tak 25 mile bhaaga. Greece use apna hero samajhta hai.<br>
• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Olympic Games:</span> Olympics ko dunya se qadeem Yoonaniyon ne mutaraf karwaya. Ye khel Greece mein 776 BC mein shuru hue. Olympia shehar ki wajah se in kheloon ko Olympics kaha jata tha. Jadeed Olympic khel Greece mein 1896 AD mein shuru hue.</p>
<h5 style="color: #3498db; margin-bottom: 5px;">Greek Civilization Timeline</h5>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 15px; text-align: left;">
<thead>
<tr style="background-color: #3498db; color: white;">
<th style="padding: 8px; border: 1px solid #ddd; width: 30%;">Date</th>
<th style="padding: 8px; border: 1px solid #ddd;">Event</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>776 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Pehle Olympic khelon ka aghaz</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>490 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Yoonaniyon ne Marathon ki jhangon mein Iraniyon (Persians) ko shikast di</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>431-404 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Athens aur Sparta ke darmiyan jhangen</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>335 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Alexander the Great (Sikandar-e-Azam) ne fatuhaat ka aghaz kiya</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>323 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Alexander the Great ki wafat</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>146 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Romon ne Greece (Yoonan) ko fatah kiya</td></tr>
</tbody>
</table>
<h4 style="color: #3498db;">Roman Civilization / Rumi Teozeeb (753 BC – 476 AD)</h4>
<p>Roman tehzeeb dunya ki sab se bari aur taqatwar tehzebon mein se ek thi. Iska aghaz <span style="color: #2980b9; font-weight: bold;">753 BC</span> mein Rome se hua jo ke ek chota sa qasba tha. Rome ki buniyaad iske pehle Badshah <b>Romulus</b> ne rakhi thi. Romon ne taqat ke zor par saltanat ko phelaya aur 146 BC mein Greece ko fatah kiya. 117 AD tak unhon ne Mediterranean Sea ke gird ke tamam ilaqon Bashumool England, Wales aur Scotland ko fatah kiya.</p>
<p>• <span class="highlight-word" style="color: #c0392b; font-weight: bold;">Colosseum:</span> Colosseum Rome mein ek bara theater tha jo mukhtalif muqablon ke ineqad ke liye banaya gaya hai. Is mein taqreeban 50,000 logon ki gounjaish thi.</p>
<p>Qadeem Rome ka samaj mukhtalif tarah ke logon par mushtamil tha. Log deotaon aur deviyon ke sath roohon (spirits) ki bhi ibadat karte the. Wo Latin zuban bolte the. Unho ne <span style="color: #27ae60; font-weight: bold;">Roman numbers</span> ka nizam mutaraf karwaya jo aaj bhi istemal hota hai, English alphabets par Roman alphabets ka bohot zyada asar hai. Romans mehnati aur zaheen the. Wo kheti-badi, mairaji (masonry), difaa, tijaarat, dastkari, qanoon, taleem aur fankari se jure the.</p>
<p>• <b>Tunic aur Toga:</b> Tunic qadeem Rome ka ek makhsoos libas tha, ye do ooni sili hui shawls par mushtamil hota tha. Toga ek lambi shawl thi jise wo jism ke gird lapet-te the.<br>
• <b>Tameerkar (Builders):</b> Romans azeem builders the. Unho ne imaraton mein arches (mehraab) aur domes (gumbad) banaye. Nahrin banayin, amphitheaters aur multi-storey apartments banaye. Family mein sab se umr-daraz shakhs head hota tha.</p>
<h5 style="color: #3498db; margin-bottom: 5px;">Roman Civilization Timeline</h5>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 15px; text-align: left;">
<thead>
<tr style="background-color: #3498db; color: white;">
<th style="padding: 8px; border: 1px solid #ddd; width: 30%;">Date</th>
<th style="padding: 8px; border: 1px solid #ddd;">Event</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>753 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Pehle Roman Badshah Romulus ne Rome shehar ki buniyaad rakhi</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>509 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Rome mein jamhooriyat ka aghaz hua</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>64 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Aag lagne ki wajah se Rome ka aksar ilaqa jal gaya</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>27 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Roman Empire (Rumi Saltanat) qayam hui</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>80 AD</b></td><td style="padding: 8px; border: 1px solid #ddd;">Colosseum tameer kiya gaya (constructed)</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>395 AD</b></td><td style="padding: 8px; border: 1px solid #ddd;">Rome do saltanaton mein taqseem ho gaya</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>476 AD</b></td><td style="padding: 8px; border: 1px solid #ddd;">Roman Empire (Rumi Saltanat) ka ikhtetam</td></tr>
</tbody>
</table>
<h4 style="color: #3498db;">Gandhara Civilization / Gandhara Teozeeb (600 BC – 500 AD)</h4>
<p>Gandhara ek qadeem riasat ka naam hai. Is khitte mein <b>Peshawar, Swat aur Kabul</b> ke daryaoon ki wadiyan shamil thin. Gandhara qadeem zamane mein India, Central Asia aur Middle East ke darmiyan tijaarati rasta tha. Ye 522 BC se 486 BC tak Iranian (Persian) asar-o-rusookh ke neeche raha. Alexander the Great ne ise 327-326 BC mein fatah kiya. Alexander ke baad, ye India ke <b>Mauryan khandan</b> ke control mein aa gaya. <b>Chandragupta Maurya</b> is daur ka mashhoor badshah tha jis ne pehli markazi hukoomat qayam ki.</p>
<p>Mauryan Dynasty ke baad 185 BC mein Bactrian Greeks ne is khitte par hukoomat ki. Gandhara tehzeeb ke ahem shehar <b>Purushapura (maujooda Peshawar)</b> aur <b>Takshashila (maujooda Taxila)</b> the. Pehle yahan Hinduism numaya tha, baad mein <span class="highlight-word" style="color: #27ae60; font-weight: bold;">Buddhism (Mat-e-Budh)</span> ko riyasti mazhab banaya gaya. Is ki tashaheer mein sab se sargarm kirdar <span style="color: #2980b9; font-weight: bold;">Ashoka</span> (Chandragupta Maurya ka pota) ne ada kiya. Us ne stupas tameer karwaye aur missionaries bheje. Gandhara ko panjwin sadi AD mein Central Asian khanabadoshon ne tabah kiya jinhein <b>'White Huns'</b> kaha jata tha.</p>
<p style="background: #f0f7fb; padding: 10px; border-left: 4px solid #3498db;">
<strong>Rukein aur Batayein (Stop and Tell):</strong><br>
• Taxila ka purana naam kya tha?<br>
• Buddhism ka aghaz India ke shehar Banaras se hua.
</p>
<h4 style="color: #3498db;">Gautama Buddha (Gautam Budh) & Gandhara Art</h4>
<p><span class="highlight-word" style="color: #16a085; font-weight: bold;">Gautama Buddha</span> Buddhism ke bani (founder) the. Wo Nepal mein paida hue. Un ke falsafay ke mutabiq, sukoon hasil karne ka wahid rasta ye hai ke ek paakiza zindagi guzari jaye, tamam jandar cheezon par reham kiya jaye aur doosron par zulm na kiya jaye.</p>
<p>Gandhara art poori dunya mein mashhoor hai. Is mein Greek, Syrian, Persian aur Indian tehzebon ke asraat milte hain. Gandhara ke logon ne pathron aur mitti se Gautama Buddha ke mujassamay (statues) banaye. Aik Buddhist khanaqah ke khandaralat ab bhi <span class="highlight-word" style="color: #8e44ad;">Takhtbhai, Mardan (Khyber Pakhtunkhwa)</span> mein maujood hain.</p>
<h5 style="color: #3498db; margin-bottom: 5px;">Gandhara Civilization Timeline</h5>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 15px; text-align: left;">
<thead>
<tr style="background-color: #3498db; color: white;">
<th style="padding: 8px; border: 1px solid #ddd; width: 30%;">Date</th>
<th style="padding: 8px; border: 1px solid #ddd;">Event</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>500 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Gautama Buddha ki zindagi</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>522-486 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Persian (Irani) hukoomat</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>327-326 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Alexander the Great (Sikandar-e-Azam) ki hukoomat</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>321-297 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Chandragupta Maurya ki hukoomat</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>268-240 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Ashoka ki hukoomat</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>185 BC</b></td><td style="padding: 8px; border: 1px solid #ddd;">Bactrian Greeks ki hukoomat</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>1st Century AD</b></td><td style="padding: 8px; border: 1px solid #ddd;">Kushan Empire (Kushan Saltanat)</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>5th Century AD</b></td><td style="padding: 8px; border: 1px solid #ddd;">White Huns ka hamla</td></tr>
</tbody>
</table>
</div>
<!-- Urdu Content -->
<div class="urdu-content">
<h3 style="color: #e74c3c;">پانچویں کلاس سوشل اسٹڈیز – باب 4</h3>
<h4 style="color: #3498db;">تاریخ (ہسٹری)</h4>
<p><strong>طلبہ کے سیکھنے کے حاصلات (اسٹوڈنٹس لرننگ آؤٹ کمز):</strong><br>
اس سبق کو مکمل کرنے کے بعد اسٹوڈنٹس اس قابل ہو جائیں گے کہ:<br>
• گریک (یونانی)، رومن (رومی) اور گندھارا تہذیبوں کے نمایاں خدوخال (سیلینٹ فیچرز) بیان کر سکیں۔</p>
<p>جیسے جیسے انسانی زندگی اپنے ترقیاتی مراحل سے گزری، یہ زیادہ سے زیادہ با سلیقہ اور تہذیب یافتہ ہوتی گئی۔ لوگوں نے بہتر طرزِ زندگی اختیار کیا، اور اس طرح انسانی تہذیب (ہیومن سیولائزیشن) کا آغاز ہوا۔ انسان نے ترقی کے مختلف مراحل طے کیے اور آگے بڑھا۔ اس نے زندگی گزارنے کے نئے طریقے اپنائے۔ سماجی عمل (سوشل پروسیس) وجود میں آیا۔ ریاستیں اور حکومتیں قائم ہوئیں اور انسانی تہذیب کا ایک نیا آغاز ہوا۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>سوچیں اور جواب دیں (تھنک اینڈ آنسر):</strong><br>
• تہذیب (سیولائزیشن) کیا ہے؟<br>
• تین سب سے پرانی تہذیبوں کے نام لکھیں۔
</p>
<p>• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">کامن ایرا (سی ای) / عیسوی صدی:</span> حضرت عیسیٰ علیہ السلام کی پیدائش کے بعد کے دور کو کامن ایرا (سی ای) کہا جاتا ہے۔<br>
• <span class="highlight-word" style="color: #c0392b; font-weight: bold;">بفور دی کامن ایرا (بی سی ای) / قبل از مسیح:</span> حضرت عیسیٰ علیہ السلام کی پیدائش سے پہلے کے دور کو بفور دی کامن ایرا (بی سی ای) کہا جاتا ہے۔</p>
<p>اس سبق میں، ہم درج ذیل تین تہذیبوں کے بارے میں پڑھیں گے جن میں سے گریک (یونانی) تہذیب سب سے پرانی ہے:<br>
1. <b>گریک سیولائزیشن (یونانی تہذیب)</b><br>
2. <b>رومن سیولائزیشن (رومی تہذیب)</b><br>
3. <b>گندھارا سیولائزیشن (گندھارا تہذیب)</b></p>
<h4 style="color: #3498db;">گریک سیولائزیشن / یونانی تہذیب (1200 قبل از مسیح - 146 قبل از مسیح)</h4>
<p>یونانی تہذیب تقریباً چار ہزار سال پہلے دریائے روم (میڈیٹیرینین سی) کے کناروں کے ساتھ وجود میں آئی۔ قدیم گریک (یونان) یورپ اور مغربی ایشیا کے اکثر علاقوں پر مشتمل تھا۔ یہ خطہ دنیا بھر میں اپنے اونچے پہاڑوں، بڑے سمندروں اور خوبصورت جزیروں کی وجہ سے مشہور تھا۔</p>
<p>قدیم یونان 'سٹی اسٹیٹس' (شہری ریاستوں) میں تقسیم تھا۔ ان میں <b>ایتھنز، اسپارٹا، تھیبس اور اولمپیا</b> شامل تھے۔ ان شہری ریاستوں کی اپنی حکومتیں، قوانین اور فوجیں تھیں۔</p>
<p>ایتھنز اور اسپارٹا قدیم یونان کے دو اہم شہر تھے۔ وہ اکثر ایک دوسرے کے خلاف جنگ کرتے رہتے تھے۔ اسپارٹا کے لوگ جنگ اور لڑائی پسند کرتے تھے جبکہ ایتھنز کے لوگ فنون (آرٹس) اور تعلیم میں دلچسپی رکھتے تھے۔ قدیم یونانی بہت سے دیوتاؤں اور دیویوں کی عبادت کرتے تھے۔ وہ <span style="color: #8e44ad; font-weight: bold;">زیوس (Zeus)</span> کو سب سے بڑا دیوتا اور تمام دیوتاؤں اور دیویوں کا حاکم سمجھتے تھے۔</p>
<p>یونانیوں نے اپنی عوامی عمارتیں اور مندر ستونوں (پلرز) پر بنائے۔ انہوں نے ڈراما کے تماشوں کے لیے بڑے تھیٹرز بنائے ہوئے تھے۔ یونانی گھر ایک ہال اور اس کے گرد کچھ کمروں پر مشتمل ہوتے تھے۔ اس وقت اکثر یونانی کھیتی باڑی، مچھلی پکڑنے اور تجارت کا کام کرتے تھے۔ اس کے علاوہ، کئی لوگ فوجی، دانشور، اور فنکار بھی تھے۔</p>
<p style="background: #f9f9f9; padding: 10px; border-right: 4px solid #7f8c8d;"><strong>کیا آپ مزید جاننا چاہتے ہیں؟</strong> مشہور فلسفی جیسے کہ <b>سقراط، افلاطون، ارسطو</b> اور عظیم جنگجو <b>الیگزینڈر دی گریٹ (سکندرِ اعظم)</b> کا تعلق گریک (یونانی) تہذیب سے تھا۔</p>
<p>• <b>چائٹن (Chiton):</b> چائٹن قدیم یونان کا لباس تھا۔ یہ کپڑے کا ایک مستطیل ٹکڑا ہوتا تھا جسے یونانی اپنے کندھوں پر پن اور کمر پر بیلٹس کے ساتھ باندھتے تھے۔<br>
• <b>پارتھینون مندر (Parthenon Temple):</b> ایتھنز شہر میں واقع یہ مندر ایکروپولیس میں قدیم یونانی ثقافت کی ایک اہم علامت ہے۔<br>
• <b>میراٹھن (Marathon):</b> میراٹھن کا آغاز یونان سے ہوا جسے فلپیڈیز نام کے ایک شخص نے شروع کیا۔ وہ ایرانی حملے کے بارے میں اپنے اتحادیوں کو اطلاع دینے اور ان سے مدد مانگنے کے لیے میراتھن سے اسپارٹا تک 150 میل کا فاصلہ بھاگ کر طے کیا۔ جب یونانیوں نے وہ فتح حاصل کر لی، تو وہ میراتھن سے ایتھنز تک 25 میل دوبارہ بھاگا۔<br>
• <span class="highlight-word" style="color: #27ae60; font-weight: bold;">اولمپک کھیلوں کا آغاز:</span> اولمپک گیمز کو دنیا سے قدیم یونانیوں نے متعارف کروایا۔ یہ کھیل یونان میں 776 قبل از مسیح میں شروع ہوئے۔ اولمپیا شہر کی وجہ سے ان کھیلوں کو اولمپکس کہا جاتا تھا۔ جدید اولمپک کھیل یونان میں 1896 عیسوی میں شروع ہوئے۔</p>
<h5 style="color: #3498db; margin-bottom: 5px;">یونانی تہذیب کے اہم مراحل کی ٹائم لائن</h5>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 15px; text-align: right;" dir="rtl">
<thead>
<tr style="background-color: #3498db; color: white;">
<th style="padding: 8px; border: 1px solid #ddd; width: 30%;">تاریخ</th>
<th style="padding: 8px; border: 1px solid #ddd;">واقعہ</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>776 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">پہلے اولمپک کھیلوں کا آغاز</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>490 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">یونانیوں نے میراتھن کی جنگوں میں ایرانیوں (پرشینز) کو شکست دی</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>431 - 404 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">ایتھنز اور اسپارٹا کے درمیان جنگیں</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>335 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">الیگزینڈر دی گریٹ (سکندرِ اعظم) نے فتوحات کا آغاز کیا</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>323 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">الیگزینڈر دی گریٹ کی وفات</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>146 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">رومیوں (رومنز) نے یونان کو فتح کیا</td></tr>
</tbody>
</table>
<h4 style="color: #3498db;">رومن سیولائزیشن / رومی تہذیب (753 قبل از مسیح – 476 عیسوی)</h4>
<p>رومی تہذیب دنیا کی سب سے بڑی اور طاقتور تہذیبوں میں سے ایک تھی۔ اس کا آغاز <span style="color: #2980b9; font-weight: bold;">753 قبل از مسیح</span> میں روم سے ہوا جو کہ ایک چھوٹا سا قصبہ تھا۔ روم کی بنیاد اس کے پہلے بادشاہ <b>رومولس</b> نے رکھی تھی۔ رومیوں نے طاقت کے زور پر اپنی سلطنت کو پھیلانا شروع کیا۔ انہوں نے 146 قبل از مسیح میں یونان کو فتح کر لیا اور 117 عیسوی تک میڈیٹیرینین سی (دریائے روم) کے گرد کے تمام علاقوں اور یورپ بشمول انگلینڈ، ویلز اور اسکاٹ لینڈ کو فتح کر لیا۔</p>
<p>• <span class="highlight-word" style="color: #c0392b; font-weight: bold;">کالوسیم (Colosseum):</span> کالوسیم روم میں ایک بہت بڑا تھیٹر تھا جو مختلف مقابلوں کے انعقاد کے لیے بنایا گیا تھا۔ اس میں تقریباً 50,000 لوگوں کے بیٹھنے کی گنجائش تھی۔</p>
<p>رومی معاشرہ مختلف طبقات کے لوگوں پر مشتمل تھا۔ لوگ دیوتاؤں اور روحوں کی بھی عبادت کرتے تھے۔ وہ لاطینی زبان بولتے تھے۔ انہوں نے <span style="color: #27ae60; font-weight: bold;">رومن نمبرز</span> کا نظام متعارف کروایا جو آج بھی استعمال ہوتا ہے اور انگلش الفابیٹس پر رومی حروف کا اثر ہے۔ وہ کھیتی باڑی، راج مزدوری، فوج، تجارت، دستکاری، قانون اور تعلیم سے جڑے تھے۔</p>
<p>• <b>ٹیونک اور ٹوگا:</b> ٹیونک ایک مخصوص لباس تھا جو دو اونی شالوں پر مشتمل ہوتا تھا۔ ٹوگا ایک لمبی شال تھی جسے وہ جسم کے گرد لپیٹتے تھے۔<br>
• <b>تعمیرات:</b> رومی عظیم انجینئرز تھے۔ انہوں نے عمارتوں میں محرابیں (آرچز) اور گنبد (ڈومز) بنائے۔ انہوں نے پانی کے لیے نہریں، ایمفی تھیٹرز اور کئی منزلہ عمارتیں بنائیں۔ خاندان کا سربراہ سب سے عمر رسیدہ شخص ہوتا تھا۔</p>
<h5 style="color: #3498db; margin-bottom: 5px;">رومی تہذیب کے اہم مراحل کی ٹائم لائن</h5>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 15px; text-align: right;" dir="rtl">
<thead>
<tr style="background-color: #3498db; color: white;">
<th style="padding: 8px; border: 1px solid #ddd; width: 30%;">تاریخ</th>
<th style="padding: 8px; border: 1px solid #ddd;">واقعہ</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>753 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">پہلے رومی بادشاہ رومولس نے روم شہر کی بنیاد رکھی</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>509 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">روم میں جمہوریت کا آغاز ہوا</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>64 عیسوی</b></td><td style="padding: 8px; border: 1px solid #ddd;">آگ لگنے کی وجہ سے روم کا اکثر علاقہ جل گیا</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>27 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">رومی سلطنت (رومن ایمپائر) قائم ہوئی</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>80 عیسوی</b></td><td style="padding: 8px; border: 1px solid #ddd;">کالوسیم کی تعمیر مکمل ہوئی</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>395 عیسوی</b></td><td style="padding: 8px; border: 1px solid #ddd;">روم دو سلطنتوں میں تقسیم ہو گیا</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>476 عیسوی</b></td><td style="padding: 8px; border: 1px solid #ddd;">رومی سلطنت (رومن ایمپائر) کا اختتام ہوا</td></tr>
</tbody>
</table>
<h4 style="color: #3498db;">گندھارا سیولائزیشن / گندھارا تہذیب (600 قبل از مسیح – 500 عیسوی)</h4>
<p>گندھارا ایک قدیم ریاست کا نام ہے۔ اس خطے میں <b>پشاور، سوات اور کابل</b> کے دریاؤں کی وادیاں شامل تھیں۔ گندھارا قدیم زمانے میں انڈیا، وسطی ایشیا اور مشرقِ وسطیٰ کے درمیان تجارتی راستہ تھا۔ یہ 522 قبل از مسیح سے 486 قبل از مسیح تک ایرانی اثر و رسوخ کے نیچے رہا۔ سکندرِ اعظم نے اسے 327 - 326 قبل از مسیح میں فتح کیا۔ الیگزینڈر کے بعد، یہ انڈیا کے <b>موریہ خاندان (Mauryan Dynasty)</b> کے کنٹرول میں آ گیا۔ <b>چندر گپت موریہ</b> اس دور کا مشہور بادشاہ تھا جس نے پہلی مرکزی حکومت قائم کی۔</p>
<p>موریہ خاندان کے بعد 185 قبل از مسیح میں بیکٹرین گریکس نے اس خطے پر حکومت کی۔ گندھارا کے اہم شہر <b>پوروشاپورا (موجودہ پشاور)</b> اور <b>تکشاشیلا (موجودہ ٹیکسلا)</b> تھے۔ پہلے یہاں ہندو مت نمایاں تھا، بعد میں <span class="highlight-word" style="color: #27ae60; font-weight: bold;">بدھ مت (Buddhism)</span> کو ریاستی مذہب بنایا گیا۔ اس کی تشہیر میں سب سے سرگرم کردار <b>اشوکا</b> نے ادا کیا، جس نے اسٹوپاز تعمیر کروائے اور مبلغین بھیجے۔ اس کے دور میں بدھ مت تبت، چین، منگولیا اور جاپان تک پھیل گیا۔ گندھارا کو پانچویں صدی عیسوی میں وسطی ایشیائی خانہ بدوشوں نے تباہ کیا جنہیں <b>'وائٹ ہنز'</b> کہا جاتا تھا۔</p>
<p style="background: #f0f7fb; padding: 10px; border-right: 4px solid #3498db;">
<strong>رکیں اور بتائیں (اسٹاپ اینڈ ٹیل):</strong><br>
• ٹیکسلا کا پرانا نام کیا تھا؟<br>
• بدھ مت کا آغاز انڈیا کے شہر بنارس سے ہوا تھا۔
</p>
<h4 style="color: #3498db;">گوتم بدھ (Gautama Buddha) اور گندھارا آرٹ</h4>
<p><span class="highlight-word" style="color: #16a085; font-weight: bold;">گوتم بدھ</span> بدھ مت کے بانی تھے۔ وہ نیپال میں پیدا ہوئے۔ ان کے فلسفے کے مطابق، سکون حاصل کرنے کا واحد طریقہ یہ ہے کہ ایک پاکیزہ زندگی گزاری جائے، تمام جاندار چیزوں پر رحم کیا جائے اور دوسروں پر ظلم نہ کیا جائے۔</p>
<p>گندھارا آرٹ پوری دنیا میں مشہور ہے۔ اس میں گریک، سیرین، پرشین اور انڈین تہذیبوں کے اثرات ملتے ہیں۔ گندھارا کے لوگوں نے سدھارتھ گوتم بدھ کے مجسمے بنائے۔ بدھ مت کی ایک خانقاہ کے کھنڈرات اب بھی <span class="highlight-word" style="color: #8e44ad;">تختِ بھائی، مردان (خیبر پختونخوا)</span> میں موجود ہیں۔</p>
<h5 style="color: #3498db; margin-bottom: 5px;">گندھارا تہذیب کے اہم مراحل کی ٹائم لائن</h5>
<table style="width: 100%; border-collapse: collapse; margin-bottom: 15px; text-align: right;" dir="rtl">
<thead>
<tr style="background-color: #3498db; color: white;">
<th style="padding: 8px; border: 1px solid #ddd; width: 30%;">تاریخ</th>
<th style="padding: 8px; border: 1px solid #ddd;">واقعہ</th>
</tr>
</thead>
<tbody>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>500 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">گوتم بدھ کی زندگی کا دور</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>522 - 486 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">پرشین (ایرانی) حکومت کا دور</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>327 - 326 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">الیگزینڈر دی گریٹ (سکندرِ اعظم) کی حکومت</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>321 - 297 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">چندر گپت موریہ کی حکومت</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>268 - 240 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">اشوکا کی حکومت کا دور</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>185 قبل از مسیح</b></td><td style="padding: 8px; border: 1px solid #ddd;">بیکٹرین گریکس (یونانیوں) کی حکومت کا آغاز</td></tr>
<tr><td style="padding: 8px; border: 1px solid #ddd;"><b>پہلی صدی عیسوی</b></td><td style="padding: 8px; border: 1px solid #ddd;">کشان سلطنت (کشان ایمپائر) کا دور</td></tr>
<tr style="background-color: #f2f2f2;"><td style="padding: 8px; border: 1px solid #ddd;"><b>پانچویں صدی عیسوی</b></td><td style="padding: 8px; border: 1px solid #ddd;">وائٹ ہنز کا حملہ اور گندھارا کی تباہی</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="read-more-btn" id="readMoreBtn">Read More</div>
</div>
<!-- Topics Table of Contents Container -->
<div id="toc-container" class="toc-container" style="display: none;">
<h2>📚 Table of Contents (Topics Main Headings)</h2>
<ul id="toc-list" class="toc-list">
<!-- TOC items will be injected here dynamically -->
</ul>
</div>
<div class="controls">
<button class="btn btn-primary" id="toggleAnswersBtn">Show All Answers</button>
<button class="btn btn-secondary" id="resetQuizBtn">Reset Quiz</button>
</div>
<!-- Global Selection Notice -->
<div class="global-selection-notice">
<span class="urdu-text">چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا</span>
</div>
<div id="quiz-container">
<!-- Questions will be loaded here -->
</div>
<!-- FAQ Section - Updated design -->
<div id="faq-container">
<div class="faq-section">
<h2>10 FAQs: History (The Beginning of Civilizations)</h2>
<!-- Visible FAQs (First 3) -->
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is a civilization?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>A civilization is an advanced stage of human society where people develop organized governments, culture, laws, education, and improved ways of living.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Which three civilizations are discussed in this chapter?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>The three civilizations discussed in this chapter are: Greek Civilization, Roman Civilization, and Gandhara Civilization.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What were the main features of Greek Civilization?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Greek Civilization was famous for its city-states, democracy, philosophy, education, art, architecture, and the origin of the Olympic Games.</p>
</div>
</div>
<!-- Hidden FAQs (Remaining 7) -->
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Who were the famous people of Greek Civilization?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Some famous people of Greek Civilization were: Socrates, Plato, Aristotle, and Alexander the Great.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What were the main achievements of Roman Civilization?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Roman Civilization was known for its strong government, engineering, roads, arches, domes, aqueducts, Roman numerals, and impressive buildings like the Colosseum.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What was Gandhara Civilization famous for?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Gandhara Civilization was famous for Buddhism, Gandhara art, trade, education, and beautiful statues of Gautama Buddha.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Who was Gautama Buddha?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Gautama Buddha was the founder of Buddhism. He taught people to live peaceful, kind, and honest lives and to show compassion toward all living beings.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What is Gandhara Art?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Gandhara Art is a famous style of art that combined Greek, Persian, Syrian, and Indian influences. It is especially known for its stone statues of Gautama Buddha.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>What are Common Era (CE) and Before Common Era (BCE)?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Common Era (CE) refers to the time after the birth of Hazrat Isa (A.S.), while Before Common Era (BCE) refers to the time before his birth.</p>
</div>
</div>
<div class="faq-item hidden-faq">
<div class="faq-question" onclick="toggleFAQ(this)">
<span>Why are ancient civilizations important to study?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Ancient civilizations help us understand the development of human society, governments, culture, education, science, art, and the foundations of the modern world.</p>
</div>
</div>
<div class="see-more-faq">
<button id="seeMoreFaqBtn" class="btn btn-primary">See More FAQs</button>
</div>
</div>
</div>
<!-- Pagination -->
<div class="pagination" id="pagination">
<!-- Pagination buttons will be added here -->
</div>
<!-- FOOTER AD SECTION HATA DIYA GAYA HAI -->
</div> <!-- End of no-blogger-overlap wrapper -->
<!-- Hidden canvas for generating share images -->
<canvas id="shareCanvas" class="share-image-canvas" width="1200" height="630"></canvas>
<script>
// Social Media Icons Configuration - Easily change icons by updating these links
const socialIcons = {
facebook: "https://cdn-icons-png.flaticon.com/512/124/124010.png",
twitter: "https://cdn-icons-png.flaticon.com/512/733/733579.png",
whatsapp: "https://cdn-icons-png.flaticon.com/512/220/220236.png",
link: "https://cdn-icons-png.flaticon.com/512/61/61020.png",
sound: "https://cdn-icons-png.flaticon.com/512/3161/3161837.png" // Added sound icon
};
// STEP 2: adsCode Variable ko Update Karein
const adsCode = `
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4073269280727447"
data-ad-slot="5355688513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
`;
// STEP 3: applyAds Function ko Behtar Banayein (YAHAN ADD KIYA GAYA HAI)
function applyAds() {
const adContainers = document.querySelectorAll('.ad-container');
adContainers.forEach(container => {
container.innerHTML = adsCode; // Yeh ab sirf <ins> tag daalay ga
try {
// Yeh line AdSense ko naye ad unit ko process karne ke liye kehti hai
(adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.error("AdSense error: ", e);
}
});
}
// Updated Data with pdf: true property for demonstration
const questions = [
{
"topicHeading": "The Beginning of Civilizations",
"question": "What is the era after the birth of Hazrat Isa (A.S.) called in history?",
"urdu": "حضرت عیسیٰ علیہ السلام کی پیدائش کے بعد کا دور تاریخ میں کیا کہلاتا ہے؟",
"options": [
"Before the Common Era",
"Common Era (CE)",
"Ancient Era",
"Future Era"
],
"correctAnswer": "B",
"explanation": "[red]Common Era (CE)[/red] is correct because [blue]it marks the standard calendar system used globally today, starting from the estimated year of Hazrat Isa's (A.S.) birth[/blue].",
"explanationUrdu": "[red]کمن ایرا (Common Era)[/red] درست ہے کیونکہ [blue]یہ موجودہ دور کی نشاندہی کرتا ہے جو حضرت عیسیٰ علیہ السلام کی پیدائش کے سال سے شروع ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What is the period of time before the birth of Hazrat Isa (A.S.) called?",
"urdu": "حضرت عیسیٰ علیہ السلام کی پیدائش سے پہلے کا دور کیا کہلاتا ہے؟",
"options": [
"Common Era",
"Before the Common Era (BCE)",
"Modern Era",
"Middle Era"
],
"correctAnswer": "B",
"explanation": "[red]Before the Common Era (BCE)[/red] is correct because [blue]it is the scientific historical term used for all events that took place before the birth of Hazrat Isa (A.S.)[/blue].",
"explanationUrdu": "[red]بیفور کمن ایرا (Before the Common Era)[/red] درست ہے کیونکہ [blue]یہ حضرت عیسیٰ علیہ السلام کی پیدائش سے پہلے گزرے ہوئے تمام تاریخی واقعات کے دور کو ظاہر کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What does the abbreviation \"CE\" stand for in historical dating?",
"urdu": "تاریخ میں تاریخ کے تعین کے لیے مخفف \"CE\" سے کیا مراد ہے؟",
"options": [
"Century Era",
"Common Era",
"Central England",
"Current Event"
],
"correctAnswer": "B",
"explanation": "[red]Common Era[/red] is correct as [blue]CE is the globally accepted standard acronym representing the years after the year zero on our calendar[/blue].",
"explanationUrdu": "[red]کمن ایرا (Common Era)[/red] درست ہے کیونکہ [blue]'CE' کا مطلب موجودہ عیسوی کیلنڈر کا دور ہے جو پوری دنیا میں رائج ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What does the abbreviation \"BCE\" stand for in historical dating?",
"urdu": "تاریخی حساب کتاب میں مخفف \"BCE\" کس کو ظاہر کرتا ہے؟",
"options": [
"Before the Common Era",
"Big Century Era",
"Basic Central Era",
"Best Current Era"
],
"correctAnswer": "A",
"explanation": "[red]Before the Common Era[/red] is correct because [blue]BCE is used by historians to count the years backward prior to the birth of Hazrat Isa (A.S.)[/blue].",
"explanationUrdu": "[red]بیفور دی کمن ایرا (Before the Common Era)[/red] درست ہے کیونکہ [blue]تاریخ دان حضرت عیسیٰ علیہ السلام کی پیدائش سے پہلے کے سالوں کو گننے کے لیے یہ مخفف استعمال کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"topicHeading": "Greek Civilization (1200BC - 146BC)",
"question": "What is the historical timeline of the Greek Civilization?",
"urdu": "یونانی تہذیب کا تاریخی دور کیا ہے؟",
"options": [
"2500BC - 1500BC",
"1200BC - 146BC",
"500BC - 500AD",
"1000AD - 1500AD"
],
"correctAnswer": "B",
"explanation": "[red]1200BC - 146BC[/red] is correct because [blue]this period represents the rise, peak, and eventual fall of the ancient Greek Civilization before Roman dominance[/blue].",
"explanationUrdu": "[red]1200 قبل مسیح سے 146 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ دور رومی غلبہ سے پہلے قدیم یونانی تہذیب کے عروج اور زوال کی نمائندگی کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Along which sea did the Greek Civilization evolve?",
"urdu": "یونانی تہذیب کس سمندر کے کنارے پروان چڑھی تھی؟",
"options": [
"Arabian Sea",
"Red Sea",
"Mediterranean Sea",
"Caspian Sea"
],
"correctAnswer": "C",
"explanation": "[red]Mediterranean Sea[/red] is correct because [blue]the coastal geography of this sea provided the Greeks with trade routes and resources essential for their growth[/blue].",
"explanationUrdu": "[red]بحیرہ روم (Mediterranean Sea)[/red] درست ہے کیونکہ [blue]اس سمندر کے ساحلی جغرافیہ نے یونانیوں کو تجارت اور ترقی کے لیے اہم مواقع فراہم کیے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "About how many years ago did the Greek Civilization begin to evolve?",
"urdu": "یونانی تہذیب تقریباً کتنے سال پہلے پروان چڑھنا شروع ہوئی تھی؟",
"options": [
"One thousand years ago",
"Four thousand years ago",
"Ten thousand years ago",
"Five hundred years ago"
],
"correctAnswer": "B",
"explanation": "[red]Four thousand years ago[/red] is correct as [blue]historical evidence traces the early roots of Greek culture back to around 2000 BC[/blue].",
"explanationUrdu": "[red]تقریباً چار ہزار سال پہلے[/red] درست ہے کیونکہ [blue]تاریخی شواہد یونانی ثقافت کے ابتدائی آثار کو تقریباً 2000 قبل مسیح تک لے جاتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Which regions did Ancient Greece consist of?",
"urdu": "قدیم یونان کن خطوں پر مشتمل تھا؟",
"options": [
"Only North America",
"Europe and most regions of western Asia",
"Only Africa and Australia",
"East Asia only"
],
"correctAnswer": "B",
"explanation": "[red]Europe and most regions of western Asia[/red] is correct because [blue]the empire expanded across these areas, blending different cultures together[/blue].",
"explanationUrdu": "[red]یورپ اور مغربی ایشیا کے زیادہ تر علاقے[/red] درست ہے کیونکہ [blue]یونانی سلطنت ان علاقوں تک پھیلی ہوئی تھی جہاں مختلف ثقافتیں آپس میں ملتی تھیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What geographical features made Ancient Greece famous throughout the world?",
"urdu": "قدیم یونان کن جغرافیائی خصوصیات کی وجہ سے پوری دنیا میں مشہور تھا?",
"options": [
"Flat plains and sand",
"High mountains, large seas, and beautiful islands",
"Only thick forests",
"Dry deserts"
],
"correctAnswer": "B",
"explanation": "[red]High mountains, large seas, and beautiful islands[/red] is correct because [blue]these natural features defined the landscape and lifestyle of the ancient Greeks[/blue].",
"explanationUrdu": "[red]اونچے پہاڑ، بڑے سمندر اور خوبصورت جزیرے[/red] درست ہے کیونکہ [blue]ان قدرتی خصوصیات نے قدیم یونانیوں کے طرز زندگی کا تعین کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Into what political units was Ancient Greece divided?",
"urdu": "قدیم یونان کن سیاسی اکائیوں میں تقسیم تھا؟",
"options": [
"Large provinces",
"Single kingdoms",
"City states",
"Districts only"
],
"correctAnswer": "C",
"explanation": "[red]City states[/red] is correct because [blue]Greece was not a single unified country but a collection of independent cities that governed themselves[/blue].",
"explanationUrdu": "[red]شہری ریاستوں (City states) میں[/red] درست ہے کیونکہ [blue]یونان ایک متحدہ ملک نہیں تھا بلکہ آزاد شہروں کا مجموعہ تھا جو اپنی حکومت خود چلاتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Which of the following were famous city-states of Ancient Greece?",
"urdu": "درج ذیل میں سے قدیم یونان کی مشہور شہری ریاستیں کون سی تھیں؟",
"options": [
"Rome and Pompeii",
"Babylon and Nineveh",
"Athens, Sparta, Thebes, and Olympia",
"Cairo and Alexandria"
],
"correctAnswer": "C",
"explanation": "[red]Athens, Sparta, Thebes, and Olympia[/red] is correct because [blue]these were the most powerful and influential self-governing cities in Greek history[/blue].",
"explanationUrdu": "[red]ایتھنز، اسپارٹا، تھیبس اور اولمپیا[/red] درست ہے کیونکہ [blue]یہ قدیم یونان کی سب سے طاقتور اور بااثر خود مختار شہری ریاستیں تھیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What did each Greek city-state possess of its own?",
"urdu": "ہر یونانی شہری ریاست کے پاس اپنا کیا ہوتا تھا؟",
"options": [
"Only shared rules",
"Own governments, laws, and armies",
"Only one common king",
"No military force"
],
"correctAnswer": "B",
"explanation": "[red]Own governments, laws, and armies[/red] is correct because [blue]each city-state functioned as an independent country with its own ruling system[/blue].",
"explanationUrdu": "[red]اپنی حکومتیں، قوانین اور افواج[/red] درست ہے کیونکہ [blue]ہر شہری ریاست ایک آزاد ملک کی طرح کام کرتی تھی جس کا اپنا حکومتی نظام تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Which two cities were the most important and influential in Ancient Greece?",
"urdu": "قدیم یونان کے دو سب سے اہم اور بااثر شہر کون سے تھے؟",
"options": [
"Olympia and Thebes",
"Athens and Sparta",
"Corinth and Delphi",
"Sparta and Olympia"
],
"correctAnswer": "B",
"explanation": "[red]Athens and Sparta[/red] are correct because [blue]they were the two rival superpowers of Greece that shaped its political and military history[/blue].",
"explanationUrdu": "[red]ایتھنز اور اسپارٹا[/red] درست ہے کیونکہ [blue]یہ یونان کی دو مدمقابل سپر پاورز تھیں جنہوں نے اس کی سیاسی اور فوجی تاریخ کو شکل دی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What was the usual relationship between Athens and Sparta?",
"urdu": "ایتھنز اور اسپارٹا کے درمیان عام طور پر کیسے تعلقات تھے؟",
"options": [
"They were always peaceful partners",
"They were often at war against each other",
"They shared the same government",
"They did not know each other"
],
"correctAnswer": "B",
"explanation": "[red]They were often at war against each other[/red] is correct because [blue]their different political systems and desire for power led to frequent conflicts[/blue].",
"explanationUrdu": "[red]وہ اکثر ایک دوسرے کے خلاف برسرِ پیکار رہتے تھے[/red] درست ہے، کیونکہ [blue]ان کے مختلف سیاسی نظام اور طاقت کے حصول کی خواہش اکثر جنگوں کا باعث بنتی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "Why did Athens and Sparta sometimes unite?",
"urdu": "ایتھنز اور اسپارٹا بعض اوقات کیوں متحد ہو جاتے تھے؟",
"options": [
"To share trade money",
"To defend Greece against foreign attacks",
"To play sports games",
"To build joint temples"
],
"correctAnswer": "B",
"explanation": "[red]To defend Greece against foreign attacks[/red] is correct because [blue]they put aside their differences to protect their homeland from common enemies[/blue].",
"explanationUrdu": "[red]غیر ملکی حملوں کے خلاف یونان کا دفاع کرنے کے لیے[/red] درست ہے کیونکہ [blue]وہ مشترکہ دشمنوں سے اپنے وطن کی حفاظت کے لیے اپنے اختلافات بھلا دیتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "How did the cultures of Athens and Sparta compare to each other?",
"urdu": "ایتھنز اور اسپارٹا کی ثقافتوں کا ایک دوسرے سے کیا موازنہ تھا؟",
"options": [
"They were exactly the same",
"They were completely different from each other",
"Only the language was different",
"They had no culture"
],
"correctAnswer": "B",
"explanation": "[red]They were completely different from each other[/red] is correct because [blue]their social values, education, and lifestyles were opposite in nature[/blue].",
"explanationUrdu": "[red]وہ ایک دوسرے سے بالکل مختلف تھیں[/red] درست ہے کیونکہ [blue]ان کی سماجی اقدار، تعلیم اور طرزِ زندگی کی نوعیت بالکل برعکس تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": true
},
{
"question": "What was the primary focus of the Spartan lifestyle?",
"urdu": "اسپارٹا کے لوگوں (Spartans) کا بنیادی مرکزِ زندگی کیا تھا؟",
"options": [
"Arts and music",
"Wars and fightings",
"Farming and trade",
"Writing books"
],
"correctAnswer": "B",
"explanation": "[red]Wars and fightings[/red] is correct because [blue]Sparta was a military-focused society where citizens were trained from childhood to be soldiers[/blue].",
"explanationUrdu": "[red]جنگیں اور لڑائیاں[/red] درست ہے کیونکہ [blue]اسپارٹا ایک فوجی معاشرہ تھا جہاں شہریوں کو بچپن سے ہی لڑنے کی تربیت دی جاتی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What were the Athenians primarily interested in?",
"urdu": "ایتھنز کے لوگ (Athenians) بنیادی طور پر کس چیز میں دلچسپی رکھتے تھے؟",
"options": [
"Only wars and weapons",
"Arts and education",
"Fishing only",
"Avoiding society"
],
"correctAnswer": "B",
"explanation": "[red]Arts and education[/red] is correct because [blue]Athens valued philosophy, democracy, science, and the development of the mind[/blue].",
"explanationUrdu": "[red]فن اور تعلیم[/red] درست ہے کیونکہ [blue]ایتھنز میں فلسفہ، جمہوریت، سائنس اور ذہنی نشوونما کو بہت اہمیت دی جاتی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the religious belief system of the Ancient Greeks?",
"urdu": "قدیم یونانیوں کا مذہبی عقیدہ کیا تھا؟",
"options": [
"They believed in only one God",
"They worshiped many gods and goddesses",
"They did not believe in religion",
"They worshiped only the Sun"
],
"correctAnswer": "B",
"explanation": "[red]They worshiped many gods and goddesses[/red] is correct because [blue]Greek religion was polytheistic, with different deities representing different parts of life[/blue].",
"explanationUrdu": "[red]وہ بہت سے دیوی دیوتاؤں کی پوجا کرتے تھے[/red] درست ہے، کیونکہ [blue]یونانی مذہب میں زندگی کے مختلف پہلوؤں کی نمائندگی کرنے والے الگ الگ معبود تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who did the Greeks consider as the supreme god and ruler of all deities?",
"urdu": "یونانی کسے سب سے بڑا خدا اور تمام دیوی دیوتاؤں کا حاکم مانتے تھے؟",
"options": [
"Apollo",
"Zeus",
"Poseidon",
"Hades"
],
"correctAnswer": "B",
"explanation": "[red]Zeus[/red] is correct because [blue]in Greek mythology, he was the king of Mount Olympus and the god of sky and thunder[/blue].",
"explanationUrdu": "[red]زیوس (Zeus)[/red] درست ہے کیونکہ [blue]یونانی اساطیر کے مطابق وہ ماؤنٹ اولمپیا کا بادشاہ اور آسمان و بجلی کا خدا مانا جاتا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the Greeks build in every city-state for worship?",
"urdu": "یونانیوں نے عبادت کے لیے ہر شہری ریاست میں کیا تعمیر کیا تھا؟",
"options": [
"Markets",
"Temples",
"Palaces",
"Schools"
],
"correctAnswer": "B",
"explanation": "[red]Temples[/red] is correct because [blue]these beautifully constructed buildings were dedicated to housing the statues of their gods and goddesses[/blue].",
"explanationUrdu": "[red]منادر (Temples)[/red] درست ہے کیونکہ [blue]یہ خوبصورت عمارتیں ان کے دیوی دیوتاؤں کے بت رکھنے اور ان کی عبادت کے لیے مخصوص تھیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was responsible for looking after the temples in Ancient Greece?",
"urdu": "قدیم یونان میں مندروں کی دیکھ بھال کی ذمہ داری کس کی تھی?",
"options": [
"Soldiers",
"Special people (Priests)",
"Foreigners",
"Children"
],
"correctAnswer": "B",
"explanation": "[red]Special people (Priests)[/red] is correct because [blue]dedicated caretakers and priests managed the daily activities and rituals of the temples[/blue].",
"explanationUrdu": "[red]مخصوص لوگ[/red] درست ہے کیونکہ [blue]مندروں کے روزمرہ کے انتظامات اور مذہبی رسومات کو سنبھالنے کے لیے خاص نگران مقرر تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "On what structural elements did the Greeks build their public buildings and temples?",
"urdu": "یونانیوں نے اپنی عوامی عمارتیں اور مندر کن ساختی عناصر پر تعمیر کیے تھے؟",
"options": [
"On wooden logs",
"On pillars",
"On soft sand",
"On iron chains"
],
"correctAnswer": "B",
"explanation": "[red]On pillars[/red] is correct because [blue]the use of beautiful stone columns or pillars is the hallmark of ancient Greek architecture[/blue].",
"explanationUrdu": "[red]ستونوں (Pillars) پر[/red] درست ہے کیونکہ [blue]خوبصورت پتھر کے ستونوں کا استعمال قدیم یونانی طرزِ تعمیر کی پہچان ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the Greeks construct to host their dramatic performances?",
"urdu": "یونانیوں نے اپنے ڈرامائی پروگرام پیش کرنے کے لیے کیا تعمیر کیا تھا؟",
"options": [
"Small rooms",
"Large theaters",
"Wooden bridges",
"Underground caves"
],
"correctAnswer": "B",
"explanation": "[red]Large theaters[/red] is correct because [blue]Greeks loved drama and built open-air semi-circular theaters with excellent acoustics[/blue].",
"explanationUrdu": "[red]بڑے تھیٹر[/red] درست ہے کیونکہ [blue]یونانی ڈرامے کے شوقین تھے اور انہوں نے بہترین آواز کے نظام کے حامل کھلے آسمان تلے تھیٹر بنائے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did typical ancient Greek houses consist of?",
"urdu": "قدیم یونانیوں کے عام گھر کن چیزوں پر مشتمل ہوتے تھے؟",
"options": [
"Only one large room",
"A hall and some rooms around it",
"Wooden tents",
"Multi-story towers"
],
"correctAnswer": "B",
"explanation": "[red]A hall and some rooms around it[/red] is correct as [blue]it describes the standard layout of Greek residential architecture[/blue].",
"explanationUrdu": "[red]ایک ہال اور اس کے گرد کچھ کمرے[/red] درست ہے کیونکہ [blue]یہ یونانی رہائشی مکانات کے عام نقشے کو ظاہر کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did each room of a Greek house have for air and light?",
"urdu": "یونانی گھر کے ہر کمرے میں ہوا اور روشنی کے لیے کیا ہوتا تھا؟",
"options": [
"Glass walls",
"Ventilators",
"No openings",
"Iron doors"
],
"correctAnswer": "B",
"explanation": "[red]Ventilators[/red] is correct because [blue]Greek builders designed openings to allow fresh air and natural light to flow through the rooms[/blue].",
"explanationUrdu": "[red]روشن دان (Ventilators)[/red] درست ہے کیونکہ [blue]یونانی معماروں نے کمروں میں تازہ ہوا اور قدرتی روشنی کے گزرنے کے لیے خاص سوراخ بنا رکھے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What were the primary occupations of most people in Ancient Greece?",
"urdu": "قدیم یونان میں زیادہ تر لوگوں کے بنیادی پیشے کیا تھے؟",
"options": [
"Mining and hunting",
"Farming, fishing, and trading",
"Writing and banking",
"Factory labor only"
],
"correctAnswer": "B",
"explanation": "[red]Farming, fishing, and trading[/red] is correct because [blue]Greece's geography near the sea and fertile patches supported these specific economic activities[/blue].",
"explanationUrdu": "[red]کاشتکاری، مہی گیری اور تجارت[/red] درست ہے کیونکہ [blue]سمندر کے قریب ہونے کی وجہ سے یونانیوں کے لیے یہ پیشے معاش کا بڑا ذریعہ تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides trade and agriculture, what other prominent roles did Greeks perform?",
"urdu": "تجارت اور زراعت کے علاوہ، یونانیوں نے اور کون سے اہم کردار ادا کیے؟",
"options": [
"Only factory managers",
"Soldiers, scholars, scientists, and artists",
"Computer programmers",
"Railway workers"
],
"correctAnswer": "B",
"explanation": "[red]Soldiers, scholars, scientists, and artists[/red] is correct as [blue]Greek society was highly developed and produced famous thinkers and fighters[/blue].",
"explanationUrdu": "[red]سپاہی، سکالرز، سائنسدان اور فنکار[/red] درست ہے کیونکہ [blue]یونانی معاشرہ بہت ترقی یافتہ تھا اور اس نے نامور مفکرین اور جنگجو پیدا کیے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Socrates, Plato, and Aristotle were famous:",
"urdu": "سقراط، افلاطون اور ارسطو کیا تھے؟",
"options": [
"Roman emperors",
"Greek philosophers",
"Egyptian artists",
"Persian warriors"
],
"correctAnswer": "B",
"explanation": "[red]Greek philosophers[/red] is correct because [blue]these three thinkers are the most famous scholars of the ancient Greek Civilization who shaped Western philosophy[/blue].",
"explanationUrdu": "[red]یونانی فلسفی[/red] درست ہے کیونکہ [blue]یہ تینوں مفکرین قدیم یونانی تہذیب کے سب سے مشہور سکالرز ہیں جنہوں نے مغربی فلسفے کی بنیاد رکھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the famous warrior belonging to the Greek Civilization?",
"urdu": "یونانی تہذیب سے تعلق رکھنے والے کس مشہور جنگجو کا ذکر کیا گیا ہے؟",
"options": [
"Julius Caesar",
"Alexander the Great",
"Genghis Khan",
"Napoleon Bonaparte"
],
"correctAnswer": "B",
"explanation": "[red]Alexander the Great[/red] is correct because [blue]he was the legendary military leader from Macedon who created one of the largest empires in history[/blue].",
"explanationUrdu": "[red]سکندر اعظم (Alexander the Great)[/red] درست ہے کیونکہ [blue]وہ مقدونیہ کا وہ بادشاہ تھا جس نے ایک عظیم سلطنت قائم کی اور تاریخ کے بڑے فاتحین میں شمار ہوا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Chiton",
"question": "What was the traditional dress of ancient Greek people called?",
"urdu": "قدیم یونانیوں کے روایتی لباس کو کیا کہا جاتا تھا؟",
"options": [
"Pheran",
"Chiton",
"Ajrak",
"Lungi"
],
"correctAnswer": "B",
"explanation": "[red]Chiton[/red] is correct because [blue]it was the standard, simple tunic-like clothing worn by both men and women in ancient Greece[/blue].",
"explanationUrdu": "[red]چائٹن (Chiton)[/red] درست ہے کیونکہ [blue]یہ قدیم یونان میں مردوں اور عورتوں کا عام روایتی لباس تھا جو ایک قمیض کی طرح ہوتا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the physical shape of the Chiton dress worn by the Greeks?",
"urdu": "یونانیوں کے پہنے جانے والے چائٹن (Chiton) لباس کی طبعی شکل کیسی تھی؟",
"options": [
"A circular ring",
"A rectangular piece of cloth",
"A triangular leather sheet",
"A long narrow rope"
],
"correctAnswer": "B",
"explanation": "[red]A rectangular piece of cloth[/red] is correct because [blue]the Chiton was made from a single flat sheet of fabric draped over the body without complex sewing[/blue].",
"explanationUrdu": "[red]کپڑے کا ایک مستطیل ٹکڑا[/red] درست ہے کیونکہ [blue]چائٹن بغیر سلائی کے ایک ہی سیدھے کپڑے سے بنایا جاتا تھا جسے جسم پر لپیٹا جاتا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did the Greeks secure the Chiton dress on their shoulders?",
"urdu": "یونانی چائٹن (Chiton) کو اپنے کندھوں پر کس چیز سے باندھتے تھے؟",
"options": [
"With heavy ropes",
"With brooches",
"With glue",
"With iron chains"
],
"correctAnswer": "B",
"explanation": "[red]With brooches[/red] is correct because [blue]they used decorative pins or brooches to hold the fabric together at the shoulders[/blue].",
"explanationUrdu": "[red]بروشز (حفاظتی پنوں) کے ساتھ[/red] درست ہے کیونکہ [blue]وہ کندھوں پر کپڑے کو جوڑنے کے لیے سجاوٹی پنیں یا بروشز استعمال کرتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the Greeks use on their backs to secure the Chiton dress?",
"urdu": "یونانی اپنے لباس چائٹن (Chiton) کو پیٹھ پر باندھنے کے لیے کیا استعمال کرتے تھے؟",
"options": [
"Belts",
"Wood pieces",
"Ribbons",
"Heavy stones"
],
"correctAnswer": "A",
"explanation": "[red]Belts[/red] is correct because [blue]they wore a belt or girdle around the waist or back to keep the loose fabric tight and in place[/blue].",
"explanationUrdu": "[red]بیلٹ (Belts)[/red] درست ہے کیونکہ [blue]وہ کمر یا پیٹھ کے گرد پٹی یا بیلٹ باندھتے تھے تاکہ ڈھیلے کپڑے کو جگہ پر فٹ رکھا جا سکے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Marathon",
"question": "In which country did the famous long-distance race called \"Marathon\" originate?",
"urdu": "میراٹھن (Marathon) کے نام سے مشہور طویل فاصلے کی دوڑ کا آغاز کس ملک سے ہوا تھا؟",
"options": [
"Rome",
"Egypt",
"Greece",
"Persia"
],
"correctAnswer": "C",
"explanation": "[red]Greece[/red] is correct because [blue]the historic run that inspired the modern marathon race took place in ancient Greece[/blue].",
"explanationUrdu": "[red]یونان (Greece)[/red] درست ہے کیونکہ [blue]وہ تاریخی دوڑ جس نے جدید میراتھن کو جنم دیا، قدیم یونان میں ہوئی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the historical figure who started the first Marathon run?",
"urdu": "پہلی میراتھن دوڑ شروع کرنے والی تاریخی شخصیت کون تھی؟",
"options": [
"Socrates",
"Alexander",
"Phelipides",
"Plato"
],
"correctAnswer": "C",
"explanation": "[red]Phelipides[/red] is correct because [blue]he was the Greek messenger who ran long distances to deliver crucial military news[/blue].",
"explanationUrdu": "[red]فیلپیڈس (Phelipides)[/red] درست ہے کیونکہ [blue]وہ یونان کا وہ پیغام رساں تھا جو جنگی حالات میں خبریں پہنچانے کے لیے طویل فاصلے تک دوڑا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What distance did Phelipides cover when he ran from Marathon to Sparta?",
"urdu": "فیلپیڈس نے میراتھن سے اسپارٹا تک دوڑتے ہوئے کتنا فاصلہ طے کیا تھا؟",
"options": [
"10 miles",
"150 miles",
"50 miles",
"25 miles"
],
"correctAnswer": "B",
"explanation": "[red]150 miles[/red] is correct because [blue]Phelipides covered this massive distance to reach Sparta quickly to ask for military assistance[/blue].",
"explanationUrdu": "[red]150 میل[/red] درست ہے کیونکہ [blue]فیلپیڈس نے فوجی امداد حاصل کرنے کے لیے اسپارٹا تک کا یہ بہت بڑا فاصلہ دوڑ کر طے کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why did Phelipides run 150 miles to Sparta?",
"urdu": "فیلپیڈس 150 میل دور اسپارٹا تک کیوں دوڑا تھا؟",
"options": [
"To play a game",
"To inform his allies about the Persian attack and ask help",
"To find clean water",
"To build a new temple"
],
"correctAnswer": "B",
"explanation": "[red]To inform his allies about the Persian attack and ask help[/red] is correct because [blue]the Greeks needed to unite with Sparta to defend their land against the invading Persian army[/blue].",
"explanationUrdu": "[red]اتحادیوں کو ایرانی حملے کی اطلاع دینے اور مدد مانگنے کے لیے[/red] درست ہے کیونکہ [blue]یونانیوں کو ایرانی فوج کے خلاف دفاع کے لیے اسپارٹا کی ضرورت تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How far did Phelipides run from Marathon to Athens after the Greek victory?",
"urdu": "یونانیوں کی فتح کے بعد فیلپیڈس میراتھن سے ایتھنز تک کتنے میل دوڑا؟",
"options": [
"150 miles",
"25 miles",
"100 miles",
"5 miles"
],
"correctAnswer": "B",
"explanation": "[red]25 miles[/red] is correct because [blue]he ran this shorter distance to deliver the good news of victory to the people of Athens[/blue].",
"explanationUrdu": "[red]25 میل[/red] درست ہے کیونکہ [blue]وہ فتح کی خوشخبری ایتھنز کے لوگوں تک پہنچانے کے لیے یہ فاصلہ دوڑ کر گیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "To which city did Phelipides run for 25 miles to announce the Greek victory?",
"urdu": "فیلپیڈس یونانیوں کی فتح کا اعلان کرنے کے لیے 25 میل کی دوڑ لگا کر کس شہر گیا تھا؟",
"options": [
"Sparta",
"Thebes",
"Athens",
"Rome"
],
"correctAnswer": "C",
"explanation": "[red]Athens[/red] is correct because [blue]it was the city awaiting news of the battle, where Phelipides delivered his final message[/blue].",
"explanationUrdu": "[red]ایتھنز[/red] درست ہے کیونکہ [blue]یہ وہ شہر تھا جو جنگ کی خبر کا انتظار کر رہا تھا، جہاں فیلپیڈس نے فتح کا پیغام پہنچایا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did the people of Greece consider Phelipides after his historic runs?",
"urdu": "تاریخ ساز دوڑ کے بعد یونان کے لوگ فیلپیڈس کو کیا سمجھتے تھے؟",
"options": [
"A traitor",
"As their hero",
"An enemy",
"A king"
],
"correctAnswer": "B",
"explanation": "[red]As their hero[/red] is correct because [blue]his dedication and physical sacrifice for his nation made him a legendary figure in Greek history[/blue].",
"explanationUrdu": "[red]اپنا ہیرو (Hero) سمجھتے تھے[/red] درست ہے کیونکہ [blue]اپنے وطن کے لیے ان کی قربانی اور لگن نے انہیں تاریخ کا ایک یادگار کردار بنا دیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which famous temple in Athens serves as a cultural symbol of old Greek culture?",
"urdu": "ایتھنز کا کون سا مشہور مندر قدیم یونانی ثقافت کی ایک ثقافتی علامت کے طور پر جانا جاتا ہے؟",
"options": [
"Parthenon Temple",
"Roman Temple",
"Sun Temple",
"Egyptian Temple"
],
"correctAnswer": "A",
"explanation": "[red]Parthenon Temple[/red] is correct because [blue]it is the most famous ancient building that represents the golden age of Athenian architecture[/blue].",
"explanationUrdu": "[red]پارتھینن مندر (Parthenon Temple)[/red] درست ہے کیونکہ [blue]یہ وہ سب سے مشہور قدیم عمارت ہے جو ایتھنز کے سنہری دور کے فنِ تعمیر کی نمائندگی کرتی ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which ancient citadel of Athens is the Parthenon Temple located?",
"urdu": "ایتھنز کے کس قدیم قلعے (اونچے مقام) پر پارتھینن مندر واقع ہے؟",
"options": [
"Sparta",
"Acropolis",
"Olympia",
"Thebes"
],
"correctAnswer": "B",
"explanation": "[red]Acropolis[/red] is correct because [blue]this is the high rocky outcrop in Athens where the Parthenon and other historic temples were built[/blue].",
"explanationUrdu": "[red]ایکروپولیس (Acropolis)[/red] درست ہے کیونکہ [blue]یہ ایتھنز کا وہ اونچا پہاڑی مقام ہے جہاں پارتھینن اور دیگر تاریخی مندر تعمیر کیے گئے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which city of Greece is the Parthenon Temple located?",
"urdu": "یونان کے کس شہر میں پارتھینن مندر واقع ہے؟",
"options": [
"Sparta",
"Athens",
"Olympia",
"Thebes"
],
"correctAnswer": "B",
"explanation": "[red]Athens[/red] is correct because [blue]it is the historic capital city of Greece where this famous temple was built to honor the goddess Athena[/blue].",
"explanationUrdu": "[red]ایتھنز[/red] درست ہے کیونکہ [blue]یہ یونان کا وہ تاریخی دارالحکومت ہے جہاں دیوی ایتھینا کے احترام میں یہ مشہور مندر تعمیر کیا گیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the Parthenon Temple considered to be in relation to old Greek culture?",
"urdu": "پارتھینن مندر کو قدیم یونانی ثقافت کے حوالے سے کیا سمجھا جاتا ہے؟",
"options": [
"A modern library",
"A sports ground",
"A cultural symbol",
"A trade center"
],
"correctAnswer": "C",
"explanation": "[red]A cultural symbol[/red] is correct because [blue]the Parthenon is universally recognized as the representation of classical Greek art and history[/blue].",
"explanationUrdu": "[red]ثقافتی علامت (Cultural symbol)[/red] درست ہے کیونکہ [blue]پارتھینن مندر کو عالمی سطح پر قدیم یونانی آرٹ اور تاریخ کی عکاسی کے طور پر تسلیم کیا جاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which specific historic area of Athens is the Parthenon Temple located?",
"urdu": "ایتھنز کے کس مخصوص تاریخی علاقے میں پارتھینن مندر واقع ہے؟",
"options": [
"Acropolis",
"The beach",
"The valley",
"The river bank"
],
"correctAnswer": "A",
"explanation": "[red]Acropolis[/red] is correct because [blue]it refers to the ancient citadel built on a high rocky outcrop in Athens that houses the Parthenon[/blue].",
"explanationUrdu": "[red]ایکروپولیس (Acropolis)[/red] درست ہے کیونکہ [blue]اس سے مراد ایتھنز کی پہاڑی پر واقع وہ قدیم قلعہ نما جگہ ہے جہاں پارتھینن مندر بنایا گیا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Olympic Games",
"question": "Who originally introduced the Olympic games to the world?",
"urdu": "دنیا کو اولمپک کھیلوں (Olympic games) سے سب سے پہلے کس نے متعارف کرایا تھا?",
"options": [
"Ancient Romans",
"Ancient Greeks",
"Ancient Egyptians",
"Persians"
],
"correctAnswer": "B",
"explanation": "[red]Ancient Greeks[/red] is correct because [blue]they created these athletic competitions as a festival to honor their gods, specifically Zeus[/blue].",
"explanationUrdu": "[red]قدیم یونانیوں نے[/red] درست ہے کیونکہ [blue]انہوں نے اپنے دیوتاؤں، خاص طور پر زیوس کے اعزاز میں ایک تہوار کے طور پر ان کھیلوں کا آغاز کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the ancient Olympic games start in Greece?",
"urdu": "یونان میں قدیم اولمپک کھیلوں کا آغاز کس سال میں ہوا تھا؟",
"options": [
"1200 BC",
"146 BC",
"776 BC",
"1947 AD"
],
"correctAnswer": "C",
"explanation": "[red]776 BC[/red] is correct as [blue]this is the historically recorded date of the first official Olympic games held in ancient Greece[/blue].",
"explanationUrdu": "[red]776 قبل مسیح (776 BC)[/red] درست ہے کیونکہ [blue]یہ قدیم یونان میں منعقد ہونے والے پہلے باضابطہ اولمپک کھیلوں کی تاریخی تاریخ ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why were these games named \"Olympics\"?",
"urdu": "ان کھیلوں کا نام \"اولمپک\" کیوں رکھا گیا تھا؟",
"options": [
"Because of a famous king",
"Because of the city of Olympia",
"Because of the ocean",
"Because of a weapon"
],
"correctAnswer": "B",
"explanation": "[red]Because of the city of Olympia[/red] is correct because [blue]the games were held in this sacred valley, which was dedicated to the Greek gods[/blue].",
"explanationUrdu": "[red]اولمپیا شہر کی وجہ سے[/red] درست ہے کیونکہ [blue]یہ کھیل اس مقدس وادی میں منعقد کیے جاتے تھے جو یونانی دیوتاؤں کے لیے مخصوص تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which sports were included in the ancient Olympic games?",
"urdu": "قدیم اولمپک کھیلوں میں کون سے کھیل شامل تھے؟",
"options": [
"Football and Hockey",
"Marathon, wrestling, and boxing",
"Swimming and Tennis",
"Cricket and Chess"
],
"correctAnswer": "B",
"explanation": "[red]Marathon, wrestling, and boxing[/red] is correct because [blue]these physical trials were the core athletic events of the ancient Greek competitions[/blue].",
"explanationUrdu": "[red]میراٹھن، کشتی اور باکسنگ[/red] درست ہے کیونکہ [blue]یہ جسمانی مقابلے قدیم یونانی کھیلوں کا بنیادی حصہ ہوا کرتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the modern Olympic games start in Greece?",
"urdu": "جدید اولمپک کھیلوں کا آغاز یونان میں کس سال ہوا تھا؟",
"options": [
"776 BC",
"146 BC",
"1896 AD",
"1950 AD"
],
"correctAnswer": "C",
"explanation": "[red]1896 AD[/red] is correct because [blue]the first modern international Olympic Games were held in Athens, reviving the ancient tradition[/blue].",
"explanationUrdu": "[red]1896 عیسوی (1896 AD)[/red] درست ہے کیونکہ [blue]قدیم روایت کو دوبارہ زندہ کرتے ہوئے پہلے جدید بین الاقوامی اولمپک کھیل اسی سال ایتھنز میں منعقد ہوئے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What major historical event took place in Greece in 776 BC?",
"urdu": "776 قبل مسیح میں یونان میں کون سا بڑا تاریخی واقعہ رونما ہوا تھا؟",
"options": [
"Death of Alexander",
"Origin of first Olympic games",
"Roman conquest of Greece",
"Start of the Persian war"
],
"correctAnswer": "B",
"explanation": "[red]Origin of first Olympic games[/red] is correct because [blue]this year marks the official beginning of the ancient athletic festival held in Olympia[/blue].",
"explanationUrdu": "[red]پہلے اولمپک کھیلوں کا آغاز[/red] درست ہے کیونکہ [blue]یہ سال اولمپیا میں منعقد ہونے والے قدیم کھیلوں کے باضابطہ آغاز کی نشاندہی کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the Greeks defeat the Persians in the Marathon wars?",
"urdu": "یونانیوں نے ایرانیوں (Persians) کو میراتھن کی جنگوں میں کس سال شکست دی تھی؟",
"options": [
"146 BC",
"335 BC",
"490 BC",
"776 BC"
],
"correctAnswer": "C",
"explanation": "[red]490 BC[/red] is correct because [blue]this was the year of the famous Battle of Marathon, where the Greek forces successfully repelled the Persian invasion[/blue].",
"explanationUrdu": "[red]490 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ میراتھن کی مشہور جنگ کا سال تھا، جہاں یونانی افواج نے ایرانی حملے کو کامیابی سے پسپا کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What significant event took place in Greece during the years 431-404 BC?",
"urdu": "431 سے 404 قبل مسیح کے سالوں کے دوران یونان میں کون سا اہم واقعہ پیش آیا تھا؟",
"options": [
"First Olympics",
"Wars between Athens and Sparta",
"Death of Alexander",
"Construction of temples"
],
"correctAnswer": "B",
"explanation": "[red]Wars between Athens and Sparta[/red] is correct as [blue]this period was dominated by the Peloponnesian War, a destructive conflict between Greece's two main superpowers[/blue].",
"explanationUrdu": "[red]ایتھنز اور اسپارٹا کے درمیان جنگیں[/red] درست ہے کیونکہ [blue]یہ دور پیلوپونیشین جنگ کا تھا، جو یونان کی دو بڑی طاقتوں کے درمیان ایک تباہ کن تصادم تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When did Alexander the Great begin his occupations and conquests of other regions?",
"urdu": "سکندر اعظم نے دوسرے علاقوں پر فتوحات اور قبضے کا آغاز کس سال کیا تھا؟",
"options": [
"335 BC",
"146 BC",
"490 BC",
"323 BC"
],
"correctAnswer": "A",
"explanation": "[red]335 BC[/red] is correct because [blue]this was the year when Alexander, after securing his rule in Greece, started his legendary campaigns across Asia and Egypt[/blue].",
"explanationUrdu": "[red]335 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ وہ سال تھا جب سکندر اعظم نے یونان میں اپنی حکومت قائم کرنے کے بعد ایشیا اور مصر میں فتوحات کا آغاز کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What major historical event occurred in the year 323 BC?",
"urdu": "323 قبل مسیح میں کون سا بڑا تاریخی واقعہ پیش آیا تھا؟",
"options": [
"Origin of Olympics",
"Death of Alexander the Great",
"Arrival of Romans",
"Building of Parthenon"
],
"correctAnswer": "B",
"explanation": "[red]Death of Alexander the Great[/red] is correct because [blue]his passing in Babylon in this year led to the division and eventual decline of his massive empire[/blue].",
"explanationUrdu": "[red]سکندر اعظم کی موت[/red] درست ہے کیونکہ [blue]اس سال بابل میں ان کے انتقال سے ان کی عظیم سلطنت تقسیم ہو گئی اور زوال کا شکار ہوئی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the Romans conquer Greece, bringing an end to the independent Greek Civilization?",
"urdu": "رومیوں (Romans) نے یونان کو کس سال فتح کیا، جس سے آزاد یونانی تہذیب کا خاتمہ ہوا؟",
"options": [
"490 BC",
"335 BC",
"146 BC",
"776 BC"
],
"correctAnswer": "C",
"explanation": "[red]146 BC[/red] is correct as [blue]this year marked the final defeat of the Greek city-states by the rising Roman Empire, turning Greece into a Roman province[/blue].",
"explanationUrdu": "[red]146 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ وہ سال تھا جب بڑھتی ہوئی رومی سلطنت نے یونانی ریاستوں کو شکست دے کر یونان کو ایک رومی صوبہ بنا دیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Roman Civilization (753 BC – 476 AD)",
"question": "Which civilization is recognized as one of the largest and most powerful in world history?",
"urdu": "دنیا کی سب سے بڑی اور طاقتور ترین تہذیبوں میں سے کسے مانا جاتا ہے؟",
"options": [
"Indus Valley Civilization",
"Roman Civilization",
"Mesopotamian Civilization",
"Maya Civilization"
],
"correctAnswer": "B",
"explanation": "[red]Roman Civilization[/red] is correct because [blue]it expanded from a small town into a massive empire that dominated the ancient western world[/blue].",
"explanationUrdu": "[red]رومن تہذیب (Roman Civilization)[/red] درست ہے کیونکہ [blue]یہ ایک چھوٹے سے قصبے سے شروع ہو کر ایک عظیم الشان سلطنت بن گئی جس نے قدیم مغربی دنیا پر راج کیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the Roman Civilization originate?",
"urdu": "رومن تہذیب کا آغاز کس سال ہوا تھا؟",
"options": [
"146 BC",
"753 BC",
"476 AD",
"117 AD"
],
"correctAnswer": "B",
"explanation": "[red]753 BC[/red] is correct because [blue]this is the legendary date marking the founding of Rome and the birth of Roman culture[/blue].",
"explanationUrdu": "[red]753 قبل مسیح (753 BC)[/red] درست ہے کیونکہ [blue]یہ وہ تاریخی سال ہے جب روم کی بنیاد رکھی گئی اور رومی ثقافت نے جنم لیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the status of Rome when the Roman Civilization first originated?",
"urdu": "جب رومن تہذیب کا آغاز ہوا تو روم کی کیا حیثیت تھی؟",
"options": [
"A large city",
"A small town",
"A desert island",
"A vast province"
],
"correctAnswer": "B",
"explanation": "[red]A small town[/red] is correct because [blue]before becoming a massive empire, Rome was just a minor settlement on the Italian peninsula[/blue].",
"explanationUrdu": "[red]ایک چھوٹا قصبہ[/red] درست ہے کیونکہ [blue]ایک عظیم سلطنت بننے سے پہلے، روم اٹلی کے علاقے میں ایک معمولی اور چھوٹا سا رہائشی علاقہ تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which country is Rome, now a large city, located today?",
"urdu": "روم آج کل کس ملک کا ایک بڑا شہر اور دارالحکومت ہے؟",
"options": [
"Greece",
"France",
"Italy",
"Spain"
],
"correctAnswer": "C",
"explanation": "[red]Italy[/red] is correct because [blue]Rome is situated in modern-day Italy, located in southern Europe near Greece[/blue].",
"explanationUrdu": "[red]اٹلی (Italy)[/red] درست ہے کیونکہ [blue]روم موجودہ دور کے ملک اٹلی میں واقع ہے جو کہ جنوبی یورپ کا ایک حصہ ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who founded Rome and served as its first king?",
"urdu": "روم کی بنیاد کس نے رکھی اور اس کا پہلا بادشاہ کون تھا؟",
"options": [
"Julius Caesar",
"Augustus",
"Romulus",
"Alexander"
],
"correctAnswer": "C",
"explanation": "[red]Romulus[/red] is correct because, [blue]according to Roman history, he was the founder who laid the first stone of the city and ruled as its first monarch[/blue].",
"explanationUrdu": "[red]رومولس (Romulus)[/red] درست ہے کیونکہ [blue]رومی تاریخ کے مطابق وہ بانی تھا جس نے شہر کا پہلا پتھر رکھا اور پہلے حکمران کے طور پر حکومت کی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did the Romans start expanding their empire across different regions?",
"urdu": "رومیوں نے مختلف علاقوں میں اپنی سلطنت کو بڑھانا کیسے شروع کیا؟",
"options": [
"Through peaceful trade",
"Through the use of force",
"By signing friendship agreements",
"By buying lands with gold"
],
"correctAnswer": "B",
"explanation": "[red]Through the use of force[/red] is correct because [blue]the Roman army used military campaigns and wars to conquer and control new territories[/blue].",
"explanationUrdu": "[red]طاقت کے استعمال سے[/red] درست ہے کیونکہ [blue]رومی فوج نے نئے علاقوں پر فتح حاصل کرنے اور انہیں اپنے کنٹرول میں لانے کے لیے جنگوں کا استعمال کیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the Romans conquer Greece?",
"urdu": "رومیوں نے یونان کو کس سال فتح کیا تھا؟",
"options": [
"753 BC",
"323 BC",
"146 BC",
"117 AD"
],
"correctAnswer": "C",
"explanation": "[red]146 BC[/red] is correct because [blue]this was the year when the rising power of Rome defeated the Greek city-states and added them to their territory[/blue].",
"explanationUrdu": "[red]146 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ وہ سال تھا جب روم کی بڑھتی ہوئی طاقت نے یونان کو شکست دے کر اسے اپنی سلطنت میں شامل کر لیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Around which sea did the Romans conquer all regions during their expansion?",
"urdu": "رومیوں نے اپنی توسیع کے دوران کس سمندر کے گرد تمام علاقوں کو فتح کیا تھا؟",
"options": [
"Arabian Sea",
"Red Sea",
"Mediterranean Sea",
"Black Sea"
],
"correctAnswer": "C",
"explanation": "[red]Mediterranean Sea[/red] is correct because [blue]the Roman Empire eventually surrounded the entire Mediterranean basin, calling it \"our sea\"[/blue].",
"explanationUrdu": "[red]بحیرہ روم (Mediterranean Sea)[/red] درست ہے کیونکہ [blue]رومی سلطنت نے بالاخر بحیرہ روم کے ارد گرد کے تمام علاقوں کو فتح کر کے اس پر اپنا تسلط قائم کر لیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Till 117 AD, which European regions did the Romans conquer?",
"urdu": "117 عیسوی تک رومیوں نے کن یورپی علاقوں کو فتح کیا تھا؟",
"options": [
"Germany and Poland",
"Spain and Portugal",
"England, Wales, and Scotland",
"Russia and Ukraine"
],
"correctAnswer": "C",
"explanation": "[red]England, Wales, and Scotland[/red] is correct because [blue]Roman conquests reached deep into the British Isles, establishing control over these northern areas[/blue].",
"explanationUrdu": "[red]انگلینڈ، ویلز اور اسکاٹ لینڈ[/red] درست ہے کیونکہ [blue]رومی فتوحات نے برطانوی جزائر تک رسائی حاصل کی اور ان شمالی علاقوں کو فتح کیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the Romans do after conquering these vast European and Mediterranean regions?",
"urdu": "ان وسیع یورپی اور بحیرہ روم کے علاقوں کو فتح کرنے کے بعد رومیوں نے کیا کیا؟",
"options": [
"They left them immediately",
"They established their government",
"They sold them",
"They ignored the local people"
],
"correctAnswer": "B",
"explanation": "[red]They established their government[/red] is correct because [blue]they set up formal administrative systems and laws to rule over their newly acquired empire[/blue].",
"explanationUrdu": "[red]انہوں نے اپنی حکومت قائم کی[/red] درست ہے کیونکہ [blue]انہوں نے نئے حاصل کردہ علاقوں پر حکمرانی کے لیے باقاعدہ انتظامی نظام اور قوانین نافذ کیے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Colosseum",
"question": "For what purpose was the great Colosseum theater built in Rome?",
"urdu": "روم میں عظیم کولوزیم (Colosseum) تھیٹر کس مقصد کے لیے بنایا گیا تھا؟",
"options": [
"For storing grain",
"For holding different contests",
"For parking chariots",
"For housing soldiers"
],
"correctAnswer": "B",
"explanation": "[red]For holding different contests[/red] is correct because [blue]the Colosseum was used to host public spectacles, gladiatorial fights, and other competitive events[/blue].",
"explanationUrdu": "[red]مختلف مقابلوں کے انعقاد کے لیے[/red] درست ہے کیونکہ [blue]کولوزیم کو گلیڈی ایٹرز کی لڑائیوں اور دیگر عوامی مقابلوں کی میزبانی کے لیے استعمال کیا جاتا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How many people could the Colosseum accommodate at a time?",
"urdu": "کولوزیم (Colosseum) میں ایک وقت میں کتنے لوگوں کے بیٹھنے کی گنجائش تھی؟",
"options": [
"About 5000 people",
"About 50000 people",
"Exactly 1000 people",
"Over one million people"
],
"correctAnswer": "B",
"explanation": "[red]About 50000 people[/red] is correct because [blue]it was a massive amphitheater designed to hold huge crowds for public entertainment[/blue].",
"explanationUrdu": "[red]تقریباً 50,000 لوگ[/red] درست ہے کیونکہ [blue]یہ ایک بہت بڑا تھیٹر تھا جس میں عوامی تفریح کے لیے بہت بڑے ہجوم کو بٹھانے کی گنجائش تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What is the current status of the Colosseum today?",
"urdu": "آج کے دور میں کولوزیم کی کیا حیثیت ہے؟",
"options": [
"It has been demolished",
"It is still visited by people from all over the world",
"It is used as a hospital",
"It is closed to everyone"
],
"correctAnswer": "B",
"explanation": "[red]It is still visited by people from all over the world[/red] is correct because [blue]the Colosseum is one of the most famous historical tourist landmarks in Italy[/blue].",
"explanationUrdu": "[red]دنیا بھر سے لوگ اب بھی اس کی سیر کرتے ہیں[/red] درست ہے کیونکہ [blue]کولوزیم اٹلی کے سب سے مشہور تاریخی اور سیاحتی مقامات میں سے ایک ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What type of society did Ancient Rome have?",
"urdu": "قدیم روم کا معاشرہ کس قسم کا تھا؟",
"options": [
"A very small and simple society",
"A diversified society",
"A society with only soldiers",
"A quiet forest society"
],
"correctAnswer": "B",
"explanation": "[red]A diversified society[/red] is correct because [blue]Rome was home to people of different cultures, backgrounds, and social classes[/blue].",
"explanationUrdu": "[red]ایک متنوع معاشرہ (Diversified society)[/red] درست ہے کیونکہ [blue]روم مختلف ثقافتوں، پس منظر اور سماجی طبقات سے تعلق رکھنے والے لوگوں کا مسکن تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who did the different people of Ancient Rome worship?",
"urdu": "قدیم روم کے مختلف لوگ کس کی عبادت کرتے تھے؟",
"options": [
"Only one single god",
"Their own gods and goddesses",
"No deities at all",
"Only the wind"
],
"correctAnswer": "B",
"explanation": "[red]Their own gods and goddesses[/red] is correct as [blue]Roman religion was polytheistic, with people worshiping many different deities representing various aspects of life[/blue].",
"explanationUrdu": "[red]اپنے اپنے دیوی دیوتاؤں کی[/red] درست ہے کیونکہ [blue]رومی مذہب میں کثیر خداؤں کا تصور تھا، جہاں لوگ زندگی کے مختلف پہلوؤں کی نمائندگی کرنے والے معبودوں کی پوجا کرتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides gods and goddesses, what else did the ancient Romans worship?",
"urdu": "دیوی دیوتاؤں کے علاوہ قدیم رومی اور کس چیز کی عبادت کرتے تھے؟",
"options": [
"Computers",
"Flying birds",
"Spirits",
"Only money"
],
"correctAnswer": "C",
"explanation": "[red]Spirits[/red] is correct because [blue]Roman animism involved a strong belief in the spiritual forces of nature and ancestors[/blue].",
"explanationUrdu": "[red]ارواح (Spirits)[/red] درست ہے کیونکہ [blue]رومی عقائد میں فطرت اور آباؤ اجداد کی روحانی قوتوں پر گہرا یقین شامل تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What language did the ancient Romans speak?",
"urdu": "قدیم رومی کون سی زبان بولتے تھے؟",
"options": [
"English",
"French",
"Latin",
"Greek"
],
"correctAnswer": "C",
"explanation": "[red]Latin[/red] is correct because [blue]it was the official language of the Roman Empire, which later influenced many modern European languages[/blue].",
"explanationUrdu": "[red]لاطینی (Latin)[/red] درست ہے کیونکہ [blue]یہ رومی سلطنت کی سرکاری زبان تھی، جس نے بعد میں کئی یورپی زبانوں پر اثر ڈالا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which numerical system was introduced by the Romans and is still in use today?",
"urdu": "رومیوں نے کون سا عددی نظام (numerical system) متعارف کرایا تھا جو آج بھی استعمال میں ہے؟",
"options": [
"Arabic numbers",
"Roman numbers",
"Chinese numbers",
"Binary numbers"
],
"correctAnswer": "B",
"explanation": "[red]Roman numbers[/red] is correct as [blue]we still use letters like I, V, X, and C for clock faces, chapter numbers, and titles[/blue].",
"explanationUrdu": "[red]رومن نمبرز (Roman numbers)[/red] درست ہے کیونکہ [blue]ہم آج بھی گھڑیوں، ابواب کے نمبروں اور دیگر جگہوں پر I, V, X جیسے حروف کا استعمال کرتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which alphabets are greatly influenced by Roman alphabets?",
"urdu": "کون سے حروفِ تہجی (alphabets) رومی حروف سے بہت زیادہ متاثر ہیں؟",
"options": [
"Arabic alphabets",
"Chinese symbols",
"English alphabets",
"Urdu alphabets"
],
"correctAnswer": "C",
"explanation": "[red]English alphabets[/red] is correct because [blue]the Latin script used by Romans forms the basis of the modern English writing system[/blue].",
"explanationUrdu": "[red]انگریزی حروفِ تہجی[/red] درست ہے کیونکہ [blue]رومیوں کا لاطینی رسم الخط ہی جدید انگریزی تحریری نظام کی بنیاد بناتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How are the Romans described in terms of their character traits?",
"urdu": "رومیوں کو ان کے کردار کی خصوصیات کے لحاظ سے کیسا بیان کیا گیا ہے؟",
"options": [
"Lazy and weak",
"Hard working and intelligent",
"Silent and shy",
"Non-social"
],
"correctAnswer": "B",
"explanation": "[red]Hard working and intelligent[/red] is correct because [blue]their smart engineering, architecture, and work ethic allowed them to build a powerful empire[/blue].",
"explanationUrdu": "[red]محنتی اور ذہین[/red] درست ہے کیونکہ [blue]ان کی بہترین انجینئرنگ، فنِ تعمیر اور محنت کی بدولت وہ ایک عظیم سلطنت بنانے میں کامیاب ہوئے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of the following is a profession the Romans were attached to?",
"urdu": "درج ذیل میں سے کون سا پیشہ رومیوں سے وابستہ تھا؟",
"options": [
"Farming, masonry, and defence",
"Space research only",
"Software engineering",
"Automobile manufacturing"
],
"correctAnswer": "A",
"explanation": "[red]Farming, masonry, and defence[/red] is correct as [blue]these traditional fields were essential for feeding, building, and protecting the empire[/blue].",
"explanationUrdu": "[red]کاشتکاری، معمار اور دفاع[/red] درست ہے کیونکہ [blue]یہ روایتی شعبے سلطنت کو خوراک فراہم کرنے، تعمیر کرنے اور اس کی حفاظت کے لیے بنیادی اہمیت رکھتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What offered regular jobs for the people in Ancient Rome?",
"urdu": "قدیم روم میں لوگوں کو مستقل ملازمتیں کون فراہم کرتا تھا؟",
"options": [
"Foreign companies",
"An established government system",
"Only private farms",
"No regular jobs existed"
],
"correctAnswer": "B",
"explanation": "[red]An established government system[/red] is correct because [blue]Rome's advanced administration required a large network of civil servants and workers[/blue].",
"explanationUrdu": "[red]ایک قائم شدہ حکومتی نظام[/red] درست ہے کیونکہ [blue]روم کی جدید انتظامیہ کو سول ملازمین اور ورکرز کے ایک بڑے نیٹ ورک کی ضرورت ہوتی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What skills were the Romans famously known for in constructing their empire?",
"urdu": "رومی تعمیراتی کاموں میں اپنی کن مہارتوں کے لیے سب سے زیادہ مشہور تھے؟",
"options": [
"Sailing and fishing",
"Great engineers and builders",
"Only pottery and weaving",
"Simple farming only"
],
"correctAnswer": "B",
"explanation": "[red]Great engineers and builders[/red] is correct because [blue]the Romans designed and constructed durable roads, aqueducts, and massive public monuments that stood for centuries[/blue].",
"explanationUrdu": "[red]عظیم انجینئرز اور معمار[/red] درست ہے کیونکہ [blue]رومیوں نے پائیدار سڑکیں، پانی کے راستے اور ایسی بڑی یادگاریں ڈیزائن اور تعمیر کیں جو صدیوں قائم رہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which specific architectural features did the Romans introduce in their buildings?",
"urdu": "رومیوں نے اپنی عمارتوں میں کون سے مخصوص تعمیراتی ڈیزائن بنائے تھے؟",
"options": [
"Only wooden logs",
"Arches and domes",
"Flat glass walls",
"Mud roofs only"
],
"correctAnswer": "B",
"explanation": "[red]Arches and domes[/red] are correct because [blue]these structural designs allowed Roman builders to construct much larger and stronger ceilings without inside pillars[/blue].",
"explanationUrdu": "[red]محرابیں اور گنبد (Arches and domes)[/red] درست ہے کیونکہ [blue]ان ڈیزائنوں نے رومیوں کو اندرونی ستونوں کے بغیر زیادہ بڑے اور مضبوط چھتیں بنانے میں مدد دی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How did the Romans ensure the supply of water to their houses?",
"urdu": "رومیوں نے اپنے گھروں میں پانی کی فراہمی کو کیسے یقینی بنایا تھا؟",
"options": [
"By purchasing bottled water",
"By constructing streams (aqueducts)",
"By relying on rainfall only",
"By carrying buckets from wells"
],
"correctAnswer": "B",
"explanation": "[red]By constructing streams (aqueducts)[/red] is correct because [blue]they engineered complex stone channels to bring fresh water from distant mountains directly into their cities[/blue].",
"explanationUrdu": "[red]نہریں یا راستے (Streams) بنا کر[/red] درست ہے کیونکہ [blue]انہوں نے دور دراز پہاڑوں سے پینے کا صاف پانی اپنے شہروں تک لانے کے لیے پتھروں کے جدید چینل بنا رکھے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did the very large buildings built by the Romans typically include?",
"urdu": "رومیوں کی تعمیر کردہ بہت بڑی عمارتوں میں عام طور پر کیا کچھ شامل تھا؟",
"options": [
"Only temporary tents",
"Amphitheatres, bath houses, and multi-storey apartments",
"Only single-room mud houses",
"Glass towers"
],
"correctAnswer": "B",
"explanation": "[red]Amphitheatres, bath houses, and multi-storey apartments[/red] is correct as [blue]it highlights the advanced urban lifestyle and large-scale engineering of Rome[/blue].",
"explanationUrdu": "[red]ایمفی تھیٹرز، غسل خانے اور کثیر المنزلہ فلیٹ[/red] درست ہے کیونکہ [blue]یہ روم کی ترقی یافتہ شہری زندگی اور بڑے پیمانے پر ہونے والی انجینئرنگ کو ظاہر کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was designated as the head of the family in the Roman Civilization?",
"urdu": "رومی تہذیب میں خاندان کا سربراہ کسے تسلیم کیا جاتا تھا؟",
"options": [
"The youngest child",
"The most aged person",
"The wealthiest relative",
"The strongest soldier"
],
"correctAnswer": "B",
"explanation": "[red]The most aged person[/red] is correct because [blue]Roman society valued age and experience, giving the eldest male the legal authority over the household[/blue].",
"explanationUrdu": "[red]سب سے عمر رسیدہ شخص[/red] درست ہے کیونکہ [blue]رومی معاشرے میں عمر اور تجربے کو اہمیت دی جاتی تھی، جس کے تحت گھر کے سب سے بڑے مرد کو سربراہی دی جاتی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What power did the head of a Roman family possess over his household?",
"urdu": "رومی خاندان کے سربراہ کے پاس اپنے گھر والوں پر کیا اختیار ہوتا تھا؟",
"options": [
"No authority at all",
"The power of decision about each member",
"Only to cook food",
"Only to manage pets"
],
"correctAnswer": "B",
"explanation": "[red]The power of decision about each member[/red] is correct because [blue]the family head had absolute legal control over the lives and choices of his children and relatives[/blue].",
"explanationUrdu": "[red]ہر رکن کے بارے میں فیصلے کا اختیار[/red] درست ہے کیونکہ [blue]خاندان کے سربراہ کو اپنے بچوں اور رشتہ داروں کی زندگیوں اور فیصلوں پر مکمل قانونی کنٹرول حاصل ہوتا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Tunic and Toga",
"question": "Which of the following was a special, common dress of ancient Rome?",
"urdu": "مندرجہ ذیل میں سے کون سا قدیم روم کا ایک خاص اور عام لباس تھا؟",
"options": [
"Chiton",
"Tunic",
"Pheran",
"Ajrak"
],
"correctAnswer": "B",
"explanation": "[red]Tunic[/red] is correct because [blue]it was the standard, simple shirt-like garment worn daily by the citizens of ancient Rome[/blue].",
"explanationUrdu": "[red]ٹیونک (Tunic)[/red] درست ہے کیونکہ [blue]یہ ایک قمیض نما لباس تھا جو قدیم روم کے شہری روزمرہ کی زندگی میں پہنتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did an ancient Roman Tunic consist of?",
"urdu": "رومن ٹیونک (Tunic) کس چیز پر مشتمل ہوتا تھا؟",
"options": [
"Silk ribbons",
"Two woolen sewed shawls",
"Animal skin only",
"A single gold chain"
],
"correctAnswer": "B",
"explanation": "[red]Two woolen sewed shawls[/red] is correct because [blue]the Tunic was made by sewing two pieces of warm wool fabric together to cover the body[/blue].",
"explanationUrdu": "[red]اون کی دو سلی ہوئی شالیں[/red] درست ہے کیونکہ [blue]ٹیونک کو اون کے دو ٹکڑوں کو آپس میں سی کر تیار کیا جاتا تھا تاکہ جسم کو ڈھانپا جا سکے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was a \"Toga\" in ancient Roman clothing?",
"urdu": "قدیم رومی لباس میں \"ٹوگا\" (Toga) کیا تھا؟",
"options": [
"A wooden shoe",
"A metallic helmet",
"A long shawl wrapped around the body",
"A small leather belt"
],
"correctAnswer": "C",
"explanation": "[red]A long shawl wrapped around the body[/red] is correct because [blue]the Toga was a distinctive outer garment worn by Roman citizens over their Tunic[/blue].",
"explanationUrdu": "[red]جسم پر لپیٹی جانے والی ایک لمبی شال[/red] درست ہے کیونکہ [blue]ٹوگا وہ خاص لباس تھا جو رومی شہری اپنے ٹیونک کے اوپر وقار کی علامت کے طور پر لپیٹتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Timeline of Ancient Rome",
"question": "In which year did the first Roman King Romulus found the city of Rome?",
"urdu": "پہلے رومی بادشاہ رومولس نے کس سال روم شہر کی بنیاد رکھی تھی؟",
"options": [
"509 BC",
"753 BC",
"27 BC",
"476 AD"
],
"correctAnswer": "B",
"explanation": "[red]753 BC[/red] is correct because [blue]this is the legendary date when Romulus established the settlement that grew to become the capital of a great empire[/blue].",
"explanationUrdu": "[red]753 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ وہ تاریخی سال ہے جب رومولس نے اس بستی کی بنیاد رکھی جو بعد میں ایک عظیم سلطنت کا دارالحکومت بنی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When did democracy and representative rule start in Rome?",
"urdu": "روم میں جمہوریت کا آغاز کس سال ہوا تھا؟",
"options": [
"753 BC",
"64 BC",
"509 BC",
"80 AD"
],
"correctAnswer": "C",
"explanation": "[red]509 BC[/red] is correct as [blue]this was the year when the Romans overthrew their last king and established a republic governed by elected officials[/blue].",
"explanationUrdu": "[red]509 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ وہ سال تھا جب رومیوں نے اپنے آخری بادشاہ کا تختہ الٹ کر منتخب نمائندوں کی حکومت (جمہوریت) قائم کی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What major disaster happened in Rome in the year 64 BC according to the timeline?",
"urdu": "ٹائم لائن کے مطابق 64 قبل مسیح میں روم میں کون سی بڑی آفت آئی تھی؟",
"options": [
"Most of the Roman region burnt due to fire",
"The city was flooded by the sea",
"Alexander the Great destroyed the city",
"Earthquakes destroyed all temples"
],
"correctAnswer": "A",
"explanation": "[red]Most of the Roman region burnt due to fire[/red] is correct because [blue]a historic great fire swept through the capital, destroying many of its ancient wooden and stone structures[/blue].",
"explanationUrdu": "[red]روم کا زیادہ تر حصہ آگ سے جل گیا[/red] درست ہے کیونکہ [blue]اس سال آنے والی ایک ہولناک آگ نے دارالحکومت کے بڑے حصے اور پرانی عمارتوں کو تباہ کر دیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year was the formal Roman Empire established?",
"urdu": "باضابطہ طور پر رومی سلطنت (Roman Empire) کا قیام کس سال عمل میں آیا تھا؟",
"options": [
"509 BC",
"27 BC",
"80 AD",
"395 AD"
],
"correctAnswer": "B",
"explanation": "[red]27 BC[/red] is correct because [blue]this year marks the transition from the Roman Republic to the Roman Empire under its first emperor, Augustus[/blue].",
"explanationUrdu": "[red]27 قبل مسیح[/red] درست ہے کیونکہ [blue]اس سال روم میں جمہوری نظام ختم ہوا اور پہلے شہنشاہ اگستس کے تحت باضابطہ رومی سلطنت کا آغاز ہوا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year was the construction of the famous Colosseum completed in Rome?",
"urdu": "روم میں مشہور کولوزیم کی تعمیر کس سال مکمل ہوئی تھی؟",
"options": [
"27 BC",
"146 BC",
"80 AD",
"476 AD"
],
"correctAnswer": "C",
"explanation": "[red]80 AD[/red] is correct because [blue]the massive amphitheater was officially opened in this year under Emperor Titus with grand games and celebrations[/blue].",
"explanationUrdu": "[red]80 عیسوی (80 AD)[/red] درست ہے کیونکہ [blue]اس سال شہنشاہ ٹائٹس کے دور میں اس عظیم الشان تھیٹر کا افتتاح شاندار کھیلوں کے ساتھ کیا گیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year was the vast territory of Rome divided into two separate empires?",
"urdu": "روم کی وسیع سلطنت کو کس سال دو الگ الگ سلطنتوں میں تقسیم کیا گیا تھا؟",
"options": [
"395 AD",
"476 AD",
"509 BC",
"27 BC"
],
"correctAnswer": "A",
"explanation": "[red]395 AD[/red] is correct because [blue]after the death of Emperor Theodosius I, the empire was permanently split into the Western and Eastern Roman Empires[/blue].",
"explanationUrdu": "[red]395 عیسوی[/red] درست ہے کیونکہ [blue]شہنشاہ تھیوڈوسیس اول کی موت کے بعد رومی سلطنت کو مستقل طور پر مشرقی اور مغربی حصوں میں تقسیم کر دیا گیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which year marks the final end of the Roman Empire (specifically the Western Roman Empire)?",
"urdu": "رومی سلطنت کا آخری خاتمہ کس سال ہوا تھا؟",
"options": [
"395 AD",
"753 BC",
"476 AD",
"80 AD"
],
"correctAnswer": "C",
"explanation": "[red]476 AD[/red] is correct because [blue]this was the year when the last Western Roman Emperor, Romulus Augustulus, was deposed by Germanic tribes[/blue].",
"explanationUrdu": "[red]476 عیسوی[/red] درست ہے کیونکہ [blue]اس سال آخری مغربی رومی شہنشاہ کو اس کے عہدے سے ہٹا دیا گیا، جس سے رومی سلطنت کا خاتمہ ہوا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Gandhara Civilization",
"question": "What was Gandhara in ancient history?",
"urdu": "قدیم تاریخ میں گندھارا کیا تھا؟",
"options": [
"A small village",
"An ancient state",
"A modern river",
"A trade ship"
],
"correctAnswer": "B",
"explanation": "[red]An ancient state[/red] is correct because [blue]Gandhara was a famous historical region with its own distinct government and culture[/blue].",
"explanationUrdu": "[red]ایک قدیم ریاست (Ancient state)[/red] درست ہے کیونکہ [blue]گندھارا اپنے مخصوص حکومتی نظام اور ثقافت کے ساتھ تاریخ کا ایک مشہور خطہ تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which areas were included in the ancient region of Gandhara?",
"urdu": "گندھارا کے قدیم خطے میں کون سے علاقے شامل تھے؟",
"options": [
"Lahore and Multan",
"Peshawar, Swat, and Kabul river valleys",
"Karachi and Gwadar",
"Quetta and Sibi"
],
"correctAnswer": "B",
"explanation": "[red]Peshawar, Swat, and Kabul river valleys[/red] are correct because [blue]the core of the Gandhara state was located around these geographic areas[/blue].",
"explanationUrdu": "[red]پشاور، سوات اور دریائے کابل کی وادیاں[/red] درست ہے کیونکہ [blue]گندھارا ریاست کا مرکزی حصہ ان جغرافیائی علاقوں کے گرد واقع تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Gandhara served as an important trade route between which regions in ancient times?",
"urdu": "قدیم دور میں گندھارا کن علاقوں کے درمیان تجارتی راستے کے طور پر کام کرتا تھا؟",
"options": [
"China and Europe",
"Africa and Rome",
"India, Central Asia, and Middle East",
"Greece and Egypt"
],
"correctAnswer": "C",
"explanation": "[red]India, Central Asia, and Middle East[/red] is correct because [blue]its strategic location connected major economic hubs of the ancient world[/blue].",
"explanationUrdu": "[red]ہندوستان، وسطی ایشیا اور مشرق وسطیٰ[/red] درست ہے کیونکہ [blue]اس کے اہم جغرافیائی محل وقوع نے قدیم دنیا کے بڑے معاشی مراکز کو آپس میں جوڑا ہوا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "During which period did Gandhara remain under Persian influence?",
"urdu": "گندھارا کس دور کے دوران ایرانی (Persian) اثر و رسوخ کے تحت رہا؟",
"options": [
"1200 BC to 1000 BC",
"522 BC to 486 BC",
"146 BC to 100 AD",
"323 BC to 200 BC"
],
"correctAnswer": "B",
"explanation": "[red]522 BC to 486 BC[/red] is correct as [blue]this was the historical window when the Persian Achaemenid Empire ruled over the region[/blue].",
"explanationUrdu": "[red]522 قبل مسیح سے 486 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ وہ تاریخی دور تھا جب ایرانی ہخامنشی سلطنت نے اس خطے پر حکمرانی کی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which years did the Greek warrior, Alexander the Great, conquer Gandhara?",
"urdu": "یونانی جنگجو، سکندر اعظم نے گندھارا کو کس سال فتح کیا تھا؟",
"options": [
"146 BC",
"753 BC",
"327-326 BC",
"500 AD"
],
"correctAnswer": "C",
"explanation": "[red]327-326 BC[/red] is correct because [blue]this was the time of Alexander's invasion of the northwestern subcontinent, including Gandhara[/blue].",
"explanationUrdu": "[red]327-326 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ سکندر اعظم کی برصغیر کے شمال مغربی علاقوں، بشمول گندھارا پر حملے کا وقت تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "After Alexander's departure, under whose control did Gandhara come?",
"urdu": "سکندر کی روانگی کے بعد، گندھارا کس کے کنٹرول میں آیا تھا؟",
"options": [
"Roman Empire",
"Mauryan Dynasty of India",
"Persian Empire",
"White Huns"
],
"correctAnswer": "B",
"explanation": "[red]Mauryan Dynasty of India[/red] is correct because [blue]this powerful local dynasty united the region after the Greeks left[/blue].",
"explanationUrdu": "[red]ہندوستان کا موریہ خاندان (Mauryan Dynasty)[/red] درست ہے کیونکہ [blue]اس طاقتور مقامی خاندان نے یونانیوں کے جانے کے بعد خطے کو متحد کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who was the famous king of the Mauryan Dynasty during Gandhara's rule?",
"urdu": "موریہ خاندان کے دورِ حکومت میں گندھارا کا مشہور بادشاہ کون تھا؟",
"options": [
"Ashoka",
"Chandragupta Maurya",
"Alexander",
"Romulus"
],
"correctAnswer": "B",
"explanation": "[red]Chandragupta Maurya[/red] is correct because [blue]he was the founder of the Mauryan Empire who established control over Gandhara[/blue].",
"explanationUrdu": "[red]چندر گپت موریہ[/red] درست ہے کیونکہ [blue]وہ موریہ سلطنت کا بانی تھا جس نے گندھارا پر اپنا کنٹرول قائم کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Chandragupta Maurya establish over most regions of the subcontinent?",
"urdu": "چندر گپت موریہ نے برصغیر کے زیادہ تر علاقوں پر کیا قائم کیا تھا؟",
"options": [
"The first central government",
"A trade canal only",
"A large temple",
"A military school"
],
"correctAnswer": "A",
"explanation": "[red]The first central government[/red] is correct as [blue]Chandragupta unified fragmented states into a single managed empire for the first time[/blue].",
"explanationUrdu": "[red]پہلی مرکزی حکومت[/red] درست ہے کیونکہ [blue]چندر گپت نے تاریخ میں پہلی بار بکھری ہوئی ریاستوں کو ایک منظم سلطنت میں متحد کیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was greatly developed during the period of Chandragupta Maurya?",
"urdu": "چندر گپت موریہ کے دور میں کس چیز نے بہت زیادہ ترقی کی تھی؟",
"options": [
"Space science",
"Handicrafts and other arts",
"Steel factories",
"Railway systems"
],
"correctAnswer": "B",
"explanation": "[red]Handicrafts and other arts[/red] is correct because [blue]the stability of his empire allowed local artists and craftsmen to flourish and improve their work[/blue].",
"explanationUrdu": "[red]دستکاری اور دیگر فنون[/red] درست ہے کیونکہ [blue]ان کی سلطنت کے استحکام نے مقامی فنکاروں اور کاریگروں کو پھلنے پھولنے کا موقع دیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which of these professions were established during the Mauryan period in Gandhara?",
"urdu": "گندھارا میں موریہ دور کے دوران ان میں سے کون سے پیشے قائم ہوئے تھے؟",
"options": [
"Computer programming",
"Mining, trade, farming, sailing, and transportation",
"Only hunting",
"Automobile making"
],
"correctAnswer": "B",
"explanation": "[red]Mining, trade, farming, sailing, and transportation[/red] is correct because [blue]these diverse fields formed the backbone of the empire's economy[/blue].",
"explanationUrdu": "[red]کان کنی، تجارت، کاشتکاری، جہاز رانی اور نقل و حمل[/red] درست ہے کیونکہ [blue]یہ متنوع شعبے سلطنت کی معیشت کی ریڑھ کی ہڈی تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which irrigation system was also established during Chandragupta Maurya's period?",
"urdu": "چندر گپت موریہ کے دور میں آبپاشی کا کون سا نظام قائم کیا گیا تھا؟",
"options": [
"Well system",
"Rain storage",
"Canal system",
"Pipe system"
],
"correctAnswer": "C",
"explanation": "[red]Canal system[/red] is correct because [blue]building canals was crucial for supporting agriculture across the empire's extensive lands[/blue].",
"explanationUrdu": "[red]نہروں کا نظام (Canal system)[/red] درست ہے کیونکہ [blue]سلطنت کی وسیع زمینوں پر زراعت کو فروغ دینے کے لیے نہروں کی تعمیر بہت ضروری تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who ruled the Gandhara region in 185 BC after the Mauryan Dynasty?",
"urdu": "موریہ خاندان کے بعد 185 قبل مسیح میں گندھارا کے خطے پر کس نے حکومت کی تھی؟",
"options": [
"Romans",
"White Huns",
"Bactrian Greeks",
"Persians"
],
"correctAnswer": "C",
"explanation": "[red]Bactrian Greeks[/red] is correct because [blue]these Greek rulers from Bactria gained control of the region after the decline of the Mauryans[/blue].",
"explanationUrdu": "[red]بیکٹیرین یونانی (Bactrian Greeks)[/red] درست ہے کیونکہ [blue]موریہ خاندان کے زوال کے بعد ان یونانی حکمرانوں نے خطے کا کنٹرول سنبھالا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the ancient name of current Peshawar in the Gandhara Civilization?",
"urdu": "گندھارا تہذیب میں موجودہ پشاور کا قدیم نام کیا تھا؟",
"options": [
"Takshashila",
"Purushapura",
"Babylon",
"Athens"
],
"correctAnswer": "B",
"explanation": "[red]Purushapura[/red] is correct as [blue]it was the historic name of modern Peshawar, which served as a major capital of the region[/blue].",
"explanationUrdu": "[red]پرشاپور (Purushapura)[/red] درست ہے کیونکہ [blue]یہ موجودہ پشاور کا تاریخی نام تھا، جو اس خطے کا ایک بڑا دارالحکومت رہا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the ancient name of current Taxila in the Gandhara Civilization?",
"urdu": "گندھارا تہذیب میں موجودہ ٹیکسلا کا قدیم نام کیا تھا؟",
"options": [
"Purushapura",
"Takshashila",
"Rome",
"Sparta"
],
"correctAnswer": "B",
"explanation": "[red]Takshashila[/red] is correct because [blue]it was the ancient name of Taxila, famous as a great center of learning and culture[/blue].",
"explanationUrdu": "[red]تکشاشیلا (Takshashila)[/red] درست ہے کیونکہ [blue]یہ ٹیکسلا کا قدیم نام تھا، جو علم اور ثقافت کا ایک عظیم مرکز مانا جاتا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which was the most prominent religion of the Gandhara region before the Persian occupation?",
"urdu": "ایرانی قبضے سے پہلے گندھارا کے خطے کا سب سے نمایاں مذہب کون سا تھا؟",
"options": [
"Buddhism",
"Hinduism",
"Islam",
"Christianity"
],
"correctAnswer": "B",
"explanation": "[red]Hinduism[/red] is correct because [blue]historical records show that Hindu beliefs were dominant in the area before Persian influence[/blue].",
"explanationUrdu": "[red]ہندومت (Hinduism)[/red] درست ہے کیونکہ [blue]تاریخی ریکارڈ بتاتے ہیں کہ ایرانی اثر و رسوخ سے پہلے اس علاقے میں ہندو عقائد غالب تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which religion was later made the state religion of Gandhara?",
"urdu": "بعد میں کس مذہب کو گندھارا کا سرکاری مذہب بنا دیا گیا تھا؟",
"options": [
"Hinduism",
"Buddhism",
"Islam",
"Judaism"
],
"correctAnswer": "B",
"explanation": "[red]Buddhism[/red] is correct because [blue]the rulers of the region adopted and promoted this faith, making it the central state religion[/blue].",
"explanationUrdu": "[red]بدھ مت (Buddhism)[/red] درست ہے کیونکہ [blue]اس خطے کے حکمرانوں نے اس عقیدے کو اپنایا اور اسے ریاست کا سرکاری مذہب بنایا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For about how long did Buddhism remain the dominant religion in Gandhara?",
"urdu": "بدھ مت گندھارا میں تقریباً کتنے عرصے تک غالب مذہب رہا؟",
"options": [
"100 years",
"About one thousand years",
"50 years",
"Five thousand years"
],
"correctAnswer": "B",
"explanation": "[red]About one thousand years[/red] is correct because [blue]Buddhism shaped the culture, art, and life of Gandhara for a millennium[/blue].",
"explanationUrdu": "[red]تقریباً ایک ہزار سال[/red] درست ہے کیونکہ [blue]بدھ مت نے ایک ہزار سال تک گندھارا کی ثقافت، آرٹ اور زندگی کو تشکیل دیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Who played the most active role in the propagation and spread of Buddhism?",
"urdu": "بدھ مت کی تبلیغ اور پھیلاؤ میں سب سے سرگرم کردار کس نے ادا کیا تھا؟",
"options": [
"Alexander",
"Romulus",
"Ashoka",
"Socrates"
],
"correctAnswer": "C",
"explanation": "[red]Ashoka[/red] is correct because [blue]this Mauryan emperor dedicated his resources to spreading the teachings of Buddha across his empire[/blue].",
"explanationUrdu": "[red]اشوک (Ashoka)[/red] درست ہے کیونکہ [blue]اس موریہ شہنشاہ نے اپنی سلطنت میں بدھ مت کی تعلیمات کو پھیلانے کے لیے اپنے وسائل وقف کیے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "How was Emperor Ashoka related to Chandragupta Maurya?",
"urdu": "شہنشاہ اشوک کا چندر گپت موریہ سے کیا رشتہ تھا؟",
"options": [
"His son",
"His grandson",
"His brother",
"His uncle"
],
"correctAnswer": "B",
"explanation": "[red]His grandson[/red] is correct as [blue]Ashoka was the grandson of Chandragupta Maurya, continuing the legacy of the Mauryan Dynasty[/blue].",
"explanationUrdu": "[red]ان کا پوتا[/red] درست ہے کیونکہ [blue]اشوک چندر گپت موریہ کا پوتا تھا، جس نے موریہ خاندان کی میراث کو آگے بڑھایا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What did Ashoka build and send across Asia for the preaching of Buddhism?",
"urdu": "اشوک نے بدھ مت کی تبلیغ کے لیے ایشیا بھر میں کیا تعمیر کروایا اور وفود بھیجے؟",
"options": [
"Large palaces",
"Buddhist stupas and missionaries",
"War ships",
"Large markets"
],
"correctAnswer": "B",
"explanation": "[red]Buddhist stupas and missionaries[/red] is correct because [blue]Ashoka used these religious monuments and teachers to spread Buddhist beliefs[/blue].",
"explanationUrdu": "[red]بدھ اسٹوپاز اور مبلغین[/red] درست ہے کیونکہ [blue]اشوک نے بدھ مت کے عقائد کو پھیلانے کے لیے یہ مذہبی یادگاریں اور معلمین استعمال کیے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where did Ashoka inscribe the messages of Buddhism for the public?",
"urdu": "اشوک نے عوام کے لیے بدھ مت کے پیغامات کہاں کندہ کروائے تھے؟",
"options": [
"On paper sheets",
"On routes, minarets, and mountains",
"Under the sea",
"Inside private houses only"
],
"correctAnswer": "B",
"explanation": "[red]On routes, minarets, and mountains[/red] is correct because [blue]carving messages on rocks and pillars made them visible to travelers and locals[/blue].",
"explanationUrdu": "[red]راستوں، میناروں اور پہاڑوں پر[/red] درست ہے کیونکہ [blue]چٹانوں اور ستونوں پر پیغامات کندہ کرنے سے وہ مسافروں اور مقامی لوگوں کے لیے واضح نظر آتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "To which regions did Buddhism spread during Ashoka's period?",
"urdu": "اشوک کے دور میں بدھ مت کن خطوں تک پھیلا تھا؟",
"options": [
"Greece and Rome",
"Tibet, China, Mongolia, and Japan",
"Egypt and Persia",
"England and France"
],
"correctAnswer": "B",
"explanation": "[red]Tibet, China, Mongolia, and Japan[/red] is correct because [blue]Ashoka's missionaries successfully carried the faith to these East Asian regions[/blue].",
"explanationUrdu": "[red]تبت، چین، منگولیا اور جاپان[/red] درست ہے کیونکہ [blue]اشوک کے مبلغین کامیابی سے اس عقیدے کو ان مشرقی ایشیائی خطوں تک لے گئے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which century AD was the Gandhara Civilization destroyed by Central Asian nomads?",
"urdu": "وسطی ایشیا کے خانہ بدوشوں نے گندھارا تہذیب کو کس صدی عیسوی میں تباہ کیا تھا?",
"options": [
"First century AD",
"Fifth century AD",
"Tenth century AD",
"Twelfth century AD"
],
"correctAnswer": "B",
"explanation": "[red]Fifth century AD[/red] is correct because [blue]invasions during this century brought an end to the peace and prosperity of the Gandhara region[/blue].",
"explanationUrdu": "[red]پانچویں صدی عیسوی[/red] درست ہے کیونکہ [blue]اس صدی کے دوران ہونے والے حملوں نے گندھارا کے علاقے کے امن اور خوشحالی کا خاتمہ کر دیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What were the Central Asian nomads who destroyed Gandhara called?",
"urdu": "گندھارا کو تباہ کرنے والے وسطی ایشیا کے خانہ بدوش کیا کہلاتے تھے؟",
"options": [
"Spartans",
"Romans",
"White Huns",
"Persians"
],
"correctAnswer": "C",
"explanation": "[red]White Huns[/red] is correct because [blue]these nomadic invaders swept through the region, destroying Buddhist stupas and cities in the 5th century[/blue].",
"explanationUrdu": "[red]سفید ہونز (White Huns)[/red] درست ہے کیونکہ [blue]یہ خانہ بدوش حملہ آور 5ویں صدی میں اس خطے میں پھیل گئے اور انہوں نے بدھ اسٹوپاز اور شہروں کو تباہ کر دیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the ancient, old name of the city of Taxila?",
"urdu": "شہر ٹیکسلا کا قدیم یا پرانا نام کیا تھا؟",
"options": [
"Purushapura",
"Takshashila",
"Babylon",
"Olympia"
],
"correctAnswer": "B",
"explanation": "[red]Takshashila[/red] is correct because [blue]it was the original historic name of Taxila, which was highly famous as a global seat of learning[/blue].",
"explanationUrdu": "[red]تکشاشیلا (Takshashila)[/red] درست ہے کیونکہ [blue]یہ ٹیکسلا کا اصل تاریخی نام تھا، جو علم کے عالمی مرکز کے طور پر بہت مشہور تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which Indian city did the religion of Buddhism originally begin?",
"urdu": "بدھ مت کا آغاز اصل میں بھارت کے کس شہر سے ہوا تھا؟",
"options": [
"Delhi",
"Mumbai",
"Banaras",
"Kolkata"
],
"correctAnswer": "C",
"explanation": "[red]Banaras[/red] is correct as [blue]this ancient Indian city (specifically Sarnath near Banaras) is the historical birthplace where Gautama Buddha gave his first sermon[/blue].",
"explanationUrdu": "[red]بنارس[/red] درست ہے کیونکہ [blue]یہ قدیم ہندوستانی شہر (خاص طور پر بنارس کے قریب سارناتھ) وہ تاریخی مقام ہے جہاں گوتم بدھ نے اپنا پہلا خطبہ دیا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides being a trade route, what else was Gandhara an important center of?",
"urdu": "تجارتی راستے کے علاوہ، گندھارا کس چیز کا ایک اہم مرکز تھا؟",
"options": [
"Heavy industries",
"Art and education",
"Ocean sailing",
"Military weapons only"
],
"correctAnswer": "B",
"explanation": "[red]Art and education[/red] is correct because [blue]the region was globally renowned for its unique Gandharan art style and the ancient university at Taxila[/blue].",
"explanationUrdu": "[red]فن اور تعلیم[/red] درست ہے کیونکہ [blue]یہ خطہ اپنے منفرد گندھارا آرٹ اور ٹیکسلا کی قدیم یونیورسٹی کی وجہ سے دنیا بھر میں مشہور تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Gautama Buddha",
"question": "Who was the founder of the religion of Buddhism?",
"urdu": "بدھ مت (Buddhism) کے بانی کون تھے؟",
"options": [
"Ashoka",
"Gautama Buddha",
"Socrates",
"Chandragupta"
],
"correctAnswer": "B",
"explanation": "[red]Gautama Buddha[/red] is correct because [blue]he was the spiritual leader whose teachings on peace and mindfulness founded the Buddhist faith[/blue].",
"explanationUrdu": "[red]گوتم بدھ[/red] درست ہے کیونکہ [blue]وہ وہ روحانی پیشوا تھے جن کی امن اور تصوف کی تعلیمات نے بدھ مت کے عقیدے کی بنیاد رکھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which country was Gautama Buddha born?",
"urdu": "گوتم بدھ کس ملک میں پیدا ہوئے تھے؟",
"options": [
"India",
"China",
"Nepal",
"Japan"
],
"correctAnswer": "C",
"explanation": "[red]Nepal[/red] is correct because [blue]historical records place his birthplace in Lumbini, which is located in modern-day Nepal[/blue].",
"explanationUrdu": "[red]نیپال (Nepal)[/red] درست ہے کیونکہ [blue]تاریخی ریکارڈ ان کی جائے پیدائش لمبینی بتاتے ہیں، جو موجودہ دور کے نیپال میں واقع ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "For about how many years did Gautama Buddha preach the teachings of Buddhism?",
"urdu": "گوتم بدھ نے تقریباً کتنے سال تک بدھ مت کی تبلیغ کی تھی؟",
"options": [
"Five years",
"Forty-five years",
"Ninety years",
"Two years"
],
"correctAnswer": "B",
"explanation": "[red]Forty-five years[/red] is correct because [blue]after attaining enlightenment, he spent the rest of his long life traveling and teaching his philosophy[/blue].",
"explanationUrdu": "[red]تقریباً پینتالیس سال[/red] درست ہے کیونکہ [blue]معرفت حاصل کرنے کے بعد، انہوں نے اپنی بقیہ طویل زندگی سفر کرنے اور اپنے فلسفے کی تعلیم دینے میں گزاری[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Besides being a religious leader, what other roles did Gautama Buddha have?",
"urdu": "ایک مذہبی پیشوا ہونے کے علاوہ، گوتم بدھ کے اور کیا کردار تھے؟",
"options": [
"A king and a soldier",
"A philosopher and a teacher",
"A doctor and a trader",
"A sailor and a builder"
],
"correctAnswer": "B",
"explanation": "[red]A philosopher and a teacher[/red] is correct because [blue]his wisdom provided deep life lessons and guidance to his followers[/blue].",
"explanationUrdu": "[red]ایک فلسفی اور معلم[/red] درست ہے کیونکہ [blue]ان کی حکمت اور دانش نے ان کے مریدوں کو گہرے زندگی کے اسباق اور رہنمائی فراہم کی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "According to Buddha's philosophy, what is the only way to attain peace in this life and after death?",
"urdu": "گوتم بدھ کے فلسفے کے مطابق، اس زندگی اور موت کے بعد سکون حاصل کرنے کا واحد طریقہ کیا ہے؟",
"options": [
"To collect wealth and power",
"To live a pious life",
"To conquer other countries",
"To build massive palaces"
],
"correctAnswer": "B",
"explanation": "[red]To live a pious life[/red] is correct because [blue]his teachings emphasized that true peace comes from spiritual purity and goodness, not material things[/blue].",
"explanationUrdu": "[red]ایک پاکیزہ زندگی (Pious life) گزارنا[/red] درست ہے کیونکہ [blue]ان کی تعلیمات نے اس بات پر زور دیا کہ حقیقی سکون مادی چیزوں کے بجائے روحانی پاکیزگی اور اچھائی سے حاصل ہوتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What moral duty did Gautama Buddha emphasize regarding our behavior toward others?",
"urdu": "گوتم بدھ نے دوسروں کے ساتھ ہمارے برتاؤ کے حوالے سے کس اخلاقی فرض پر زور دیا؟",
"options": [
"To be harsh to animals",
"To take pity on all living things and not be cruel",
"To ignore everyone",
"To focus only on business and money"
],
"correctAnswer": "B",
"explanation": "[red]To take pity on all living things and not be cruel[/red] is correct because [blue]his philosophy promoted universal compassion and kindness to all creatures[/blue].",
"explanationUrdu": "[red]تمام جانداروں پر رحم کرنا اور ظلم نہ کرنا[/red] درست ہے کیونکہ [blue]ان کا فلسفہ تمام مخلوقات کے ساتھ ہمدردی اور مہربانی کے رویے کو فروغ دیتا تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Gandhara Art",
"question": "How is the reputation of Gandhara art described globally?",
"urdu": "گندھارا آرٹ (Gandhara art) کی شہرت عالمی سطح پر کیسی ہے؟",
"options": [
"Only famous in one village",
"Famous all over the world",
"Unknown to most people",
"Forgotten by artists"
],
"correctAnswer": "B",
"explanation": "[red]Famous all over the world[/red] is correct because [blue]Gandhara art is internationally recognized for its unique beauty and historical value[/blue].",
"explanationUrdu": "[red]پوری دنیا میں مشہور ہے[/red] درست ہے کیونکہ [blue]گندھارا آرٹ اپنی منفرد خوبصورتی اور تاریخی اہمیت کی وجہ سے بین الاقوامی سطح پر پہچانا جاتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Why does Gandhara art feature a mix of different cultural styles?",
"urdu": "گندھارا آرٹ میں مختلف ثقافتی اثرات اور انداز کیوں پائے جاتے ہیں؟",
"options": [
"Because they bought art books",
"Because different nations had ruled over Gandhara",
"Because they had only one artist",
"Because of weather changes"
],
"correctAnswer": "B",
"explanation": "[red]Because different nations had ruled over Gandhara[/red] is correct because [blue]as various empires conquered the region, they left their cultural marks on the local art[/blue].",
"explanationUrdu": "[red]کیونکہ مختلف اقوام نے گندھارا پر حکومت کی تھی[/red] درست ہے، کیونکہ [blue]جیسے جیسے مختلف سلطنتوں نے اس خطے کو فتح کیا، انہوں نے مقامی آرٹ پر اپنے ثقافتی اثرات چھوڑے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which civilizations' influences can be found blended in Gandhara art?",
"urdu": "گندھارا آرٹ میں کن تہذیبوں کے اثرات کا امتزاج پایا جاتا ہے؟",
"options": [
"American and Chinese",
"Greek, Syrian, Persian, and Indian",
"Roman and Mayan",
"Egyptian and Japanese"
],
"correctAnswer": "B",
"explanation": "[red]Greek, Syrian, Persian, and Indian[/red] is correct because [blue]these empires interacted with Gandhara, blending their styles with local craftsmanship[/blue].",
"explanationUrdu": "[red]یونانی، شامی، ایرانی اور ہندوستانی[/red] درست ہے کیونکہ [blue]ان سلطنتوں نے گندھارا کے ساتھ رابطہ رکھا جس سے ان کے آرٹ کے انداز مقامی کاریگری میں شامل ہو گئے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "From what materials did the craftsmen of Gandhara make the statues of Gautama Buddha?",
"urdu": "گندھارا کے کاریگروں نے گوتم بدھ کے مجسمے کن مواد سے بنائے تھے؟",
"options": [
"Plastic and rubber",
"Stones and sand",
"Iron and steel",
"Wood and glue"
],
"correctAnswer": "B",
"explanation": "[red]Stones and sand[/red] is correct because [blue]these natural local resources were carved and shaped to create the famous religious statues of the region[/blue].",
"explanationUrdu": "[red]پتھروں اور ریت سے[/red] درست ہے کیونکہ [blue]ان مقامی قدرتی وسائل کو تراش کر اس خطے کے مشہور مذہبی مجسمے تیار کیے جاتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "What was the other name of Gautama Buddha?",
"urdu": "گوتم بدھ کا دوسرا کیا نام بتایا گیا ہے؟",
"options": [
"Ashoka",
"Siddhartha",
"Chandragupta",
"Alexander"
],
"correctAnswer": "B",
"explanation": "[red]Siddhartha[/red] is correct because [blue]it was the personal name of Gautama Buddha before he attained enlightenment and founded Buddhism[/blue].",
"explanationUrdu": "[red]سدھارتھ (Siddhartha)[/red] درست ہے کیونکہ [blue]یہ گوتم بدھ کا اصل نام تھا اس سے پہلے کہ وہ عرفان حاصل کر کے بدھ مت کے بانی بنے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Where did the ancient artists of Gandhara inscribe the pictures of Gautama Buddha?",
"urdu": "گندھارا کے قدیم فنکاروں نے گوتم بدھ کی تصویریں کہاں کندہ کیں؟",
"options": [
"On paper sheets",
"On rocks, buildings, and monasteries",
"Under the sea",
"Only in private notebooks"
],
"correctAnswer": "B",
"explanation": "[red]Rocks, buildings, and monasteries[/red] is correct as [blue]these structures served as permanent sites for religious art and devotion[/blue].",
"explanationUrdu": "[red]چٹانوں، عمارتوں اور خانقاہوں پر[/red] درست ہے کیونکہ [blue]یہ مقامات مذہبی آرٹ اور عقیدت کے مستقل مراکز کے طور پر کام کرتے تھے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which city of Mardan (Khyber Pakhtunkhwa) are the ruins of the famous Buddhist monastery present?",
"urdu": "مردان (خیبر پختونخوا) کے کس علاقے میں مشہور بدھ خانقاہ (monastery) کے کھنڈرات موجود ہیں؟",
"options": [
"Peshawar",
"Swat",
"Takhtbhai",
"Abbottabad"
],
"correctAnswer": "C",
"explanation": "[red]Takhtbhai[/red] is correct because [blue]this historic site is home to well-preserved ruins of an ancient Buddhist monastic complex[/blue].",
"explanationUrdu": "[red]تخت بھائی (Takhtbhai)[/red] درست ہے کیونکہ [blue]یہ تاریخی مقام قدیم بدھ مت کی خانقاہ کے بہترین محفوظ کھنڈرات کا مسکن ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"topicHeading": "Timeline of Gandhara",
"question": "According to the timeline, 500 BC represents which historical event?",
"urdu": "ٹائم لائن کے مطابق، 500 قبل مسیح کس تاریخی واقعے کی نمائندگی کرتا ہے؟",
"options": [
"Persian Rule",
"Gautama Buddha's life",
"Kushan Empire",
"Rule of Ashoka"
],
"correctAnswer": "B",
"explanation": "[red]Gautama Buddha's life[/red] is correct because [blue]historical records place his active life and the foundation of his teachings around 500 BC[/blue].",
"explanationUrdu": "[red]گوتم بدھ کی زندگی[/red] درست ہے کیونکہ [blue]تاریخی ریکارڈ ان کی فعال زندگی اور ان کی تعلیمات کی بنیاد کو 500 قبل مسیح کے لگ بھگ رکھتے ہیں[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In the history of Gandhara, the years 522-486 BC represent:",
"urdu": "گندھارا کی تاریخ میں، سال 522-486 قبل مسیح کس دور کی نمائندگی کرتے ہیں؟",
"options": [
"Greek Rule",
"Persian Rule",
"Mauryan Rule",
"Kushan Rule"
],
"correctAnswer": "B",
"explanation": "[red]Persian Rule[/red] is correct because [blue]during these years, the Achaemenid Empire of Persia held control over the Gandhara territory[/blue].",
"explanationUrdu": "[red]ایرانی حکومت (Persian Rule)[/red] درست ہے کیونکہ [blue]ان سالوں کے دوران فارس کی ہخامنشی سلطنت کا گندھارا کے علاقے پر کنٹرول تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "When was the Rule of Alexander the Great in the Gandhara region?",
"urdu": "گندھارا کے خطے میں سکندر اعظم کی حکمرانی کا دور کب تھا؟",
"options": [
"522-486 BC",
"327-326 BC",
"185 BC",
"1st Century AD"
],
"correctAnswer": "B",
"explanation": "[red]327-326 BC[/red] is correct because [blue]this was the short period of Alexander's military campaigns in the northwestern subcontinent before his departure[/blue].",
"explanationUrdu": "[red]327-326 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ سکندر کے جانے سے پہلے برصغیر کے شمال مغربی علاقوں میں اس کی جنگی مہمات کا مختصر وقت تھا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which years was Chandragupta Maurya ruling, marking the Mauryan period?",
"urdu": "موریہ دور کی نشاندہی کرنے والے سالوں میں چندر گپت موریہ کس دور میں حکومت کر رہے تھے؟",
"options": [
"321-297 BC",
"268-240 BC",
"185 BC",
"500 BC"
],
"correctAnswer": "A",
"explanation": "[red]321-297 BC[/red] is correct because [blue]this was the timeframe of Chandragupta Maurya's rule, who founded the Mauryan Empire[/blue].",
"explanationUrdu": "[red]321-297 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ چندر گپت موریہ کے دورِ حکومت کا وقت تھا، جنہوں نے موریہ سلطنت کی بنیاد رکھی تھی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "During which years did the famous ruler Ashoka rule over Gandhara?",
"urdu": "مشہور حکمران اشوک نے گندھارا پر کن سالوں کے دوران حکومت کی تھی؟",
"options": [
"321-297 BC",
"268-240 BC",
"185 BC",
"522 BC"
],
"correctAnswer": "B",
"explanation": "[red]268-240 BC[/red] is correct because [blue]this was the prosperous period of Ashoka's reign, during which Buddhism became highly popular[/blue].",
"explanationUrdu": "[red]268-240 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ اشوک کے عہد کا پرامن دور تھا، جس کے دوران بدھ مت کو بہت زیادہ مقبولیت حاصل ہوئی[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "In which year did the Rule of Bactrian Greeks begin in Gandhara?",
"urdu": "گندھارا میں بیکٹیرین یونانیوں (Bactrian Greeks) کی حکمرانی کس سال شروع ہوئی تھی؟",
"options": [
"500 BC",
"185 BC",
"1st Century AD",
"327 BC"
],
"correctAnswer": "B",
"explanation": "[red]185 BC[/red] is correct as [blue]this year marks the arrival and establishment of Bactrian Greek authority in the region after the Mauryans[/blue].",
"explanationUrdu": "[red]185 قبل مسیح[/red] درست ہے کیونکہ [blue]یہ سال موریہ خاندان کے بعد اس خطے میں بیکٹیرین یونانی اقتدار کی آمد اور قیام کی نشاندہی کرتا ہے[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
},
{
"question": "Which empire ruled the Gandhara region during the 1st Century AD?",
"urdu": "پہلی صدی عیسوی کے دوران گندھارا کے خطے پر کس سلطنت نے حکومت کی تھی؟",
"options": [
"Roman Empire",
"Kushan Empire",
"Mauryan Empire",
"Persian Empire"
],
"correctAnswer": "B",
"explanation": "[red]Kushan Empire[/red] is correct because [blue]they took control of Gandhara in the 1st Century AD, ushering in another golden age of art and culture[/blue].",
"explanationUrdu": "[red]کشان سلطنت (Kushan Empire)[/red] درست ہے کیونکہ [blue]انہوں نے پہلی صدی عیسوی میں گندھارا کا کنٹرول سنبھالا اور آرٹ اور ثقافت کے ایک نئے سنہری دور کا آغاز کیا[/blue]۔",
"explanationImage": "",
"explanationImageLink": "",
"explanationImageAlt": "",
"explanationImageCaption": "",
"showSocialShare": true,
"questionLink": "",
"imageAfter": null,
"ttsEnabled": true,
"backgroundImage": "",
"isImportant": false,
"pdf": false
}
];
// Configuration
const config = {
headerImageUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-e1-uR78H0ILtSnc3e-X5xrolNF-TD9eMtZ6D_cUWcYZrPM-d1f8e9zWW27RUisPUtVZ14k01TU0fEcUVfhnC5v04vK049MjmUQSkv4rmY9rMX-TrxYgIo4QpBULmnb-PZr7JuJIgMKsPvjc-4YeNGbfsSH2n_S9BvedRjrfgFmbBo0UbVgq_elF3mQ/s1600/Social%20Studies%205th%20Class%20Chapter%204.jpg",
questionsPerPage: 10,
// YAHAN AAP KA SPECIFIC BACKGROUND LINK LAGA DIYA HAI
pdfBackgroundUrl: "https://media.licdn.com/dms/image/v2/D4D22AQEeipTaShU2pg/feedshare-shrink_800/B4DZr3lbg8J4Ag-/0/1765090376076?e=1766620800&v=beta&t=jhdnVgeSHW5QsvbAbK719ygBmv_7sP76YE5CybbpcgY",
shareImage: {
width: 1200,
height: 630,
backgroundGradient: ['#1e3c72', '#2a5298'],
textColor: '#ffffff',
optionTextColor: '#333333',
correctAnswerColor: '#28a745',
borderRadius: 20,
padding: 40,
questionFontSize: 36,
urduFontSize: 32,
optionFontSize: 28,
noticeFontSize: 24,
correctAnswerFontSize: 28,
overlayOpacity: 0.7
}
};
let answersShown = false;
let selectedOptions = {};
let currentPage = 1;
let speechSynthesis = window.speechSynthesis;
let contentExpanded = false;
let contentInUrdu = false;
function getCurrentPageFromURL() {
const urlParams = new URLSearchParams(window.location.search);
const page = parseInt(urlParams.get('page'));
return isNaN(page) || page < 1 ? 1 : Math.min(page, Math.ceil(questions.length / config.questionsPerPage));
}
function updateURL(page) {
const urlParams = new URLSearchParams(window.location.search);
urlParams.set('page', page);
const newUrl = window.location.pathname + '?' + urlParams.toString();
window.history.pushState({ path: newUrl }, '', newUrl);
}
function parseHighlightedText(text) {
text = text.replace(/\[red\](.*?)\[\/red\]/g, '<span class="highlight-red">$1</span>');
text = text.replace(/\[blue\](.*?)\[\/blue\]/g, '<span class="highlight-blue">$1</span>');
text = text.replace(/\[green\](.*?)\[\/green\]/g, '<span class="highlight-green">$1</span>');
text = text.replace(/\[yellow\](.*?)\[\/yellow\]/g, '<span class="highlight-yellow">$1</span>');
text = text.replace(/\[purple\](.*?)\[\/purple\]/g, '<span class="highlight-purple">$1</span>');
return text;
}
// =========================================================
// ============ TOC / SCROLL LOGIC START ===================
// =========================================================
function generateTOC() {
const tocContainer = document.getElementById('toc-container');
const tocList = document.getElementById('toc-list');
tocList.innerHTML = '';
let hasTopics = false;
let topicCount = 0; // Added for counting headings
questions.forEach((q, index) => {
if (q.topicHeading) {
hasTopics = true;
topicCount++;
const li = document.createElement('li');
li.className = 'toc-item';
li.textContent = q.topicHeading;
li.onclick = () => scrollToTopic(index);
// Hide headings after the 6th one
if (topicCount > 6) {
li.style.display = 'none';
li.classList.add('hidden-toc-item');
}
tocList.appendChild(li);
}
});
// Remove existing button if any
const existingBtn = document.getElementById('toc-see-more-btn-container');
if (existingBtn) existingBtn.remove();
// Add 'See More' button if there are more than 6 topics
if (topicCount > 6) {
const btnContainer = document.createElement('div');
btnContainer.id = 'toc-see-more-btn-container';
btnContainer.style.textAlign = 'center';
btnContainer.style.marginTop = '20px';
btnContainer.style.gridColumn = '1 / -1'; // To span full width if in grid
const seeMoreBtn = document.createElement('button');
seeMoreBtn.className = 'btn btn-primary';
seeMoreBtn.textContent = 'See More Headings';
seeMoreBtn.onclick = function() {
const hiddenItems = tocList.querySelectorAll('.hidden-toc-item');
hiddenItems.forEach(item => {
item.style.display = 'flex'; // Restoring original flex display
});
btnContainer.style.display = 'none'; // Hide button after clicking
};
btnContainer.appendChild(seeMoreBtn);
tocContainer.appendChild(btnContainer);
}
if (hasTopics) {
tocContainer.style.display = 'block';
}
}
function scrollToTopic(questionIndex) {
const targetPage = Math.floor(questionIndex / config.questionsPerPage) + 1;
if (targetPage === currentPage) {
executeScrollHighlight(questionIndex);
} else {
window.location.href = window.location.pathname + `?page=${targetPage}&scrollTo=${questionIndex}`;
}
}
function executeScrollHighlight(index) {
const element = document.getElementById(`q-card-${index}`);
const headingElement = document.getElementById(`heading-for-${index}`);
const targetElement = headingElement || element;
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
if(element) {
element.classList.add('highlight-scroll');
setTimeout(() => {
element.classList.remove('highlight-scroll');
}, 2500);
}
}
}
function checkScrollOnLoad() {
const urlParams = new URLSearchParams(window.location.search);
const scrollToIdx = urlParams.get('scrollTo');
if (scrollToIdx !== null) {
setTimeout(() => {
executeScrollHighlight(parseInt(scrollToIdx));
const newUrl = window.location.pathname + '?page=' + currentPage;
window.history.replaceState({}, '', newUrl);
}, 800);
}
}
// =========================================================
// ============ TOC / SCROLL LOGIC END =====================
// =========================================================
function loadQuestions(page = 1) {
currentPage = page;
updateURL(page);
const quizContainer = document.getElementById('quiz-container');
quizContainer.innerHTML = '';
const startIndex = (page - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
// TOC: Add Topic Heading if exists
if (q.topicHeading) {
const headingDiv = document.createElement('div');
headingDiv.className = 'in-quiz-topic-heading';
headingDiv.id = `heading-for-${i}`;
headingDiv.textContent = q.topicHeading;
quizContainer.appendChild(headingDiv);
}
const questionElement = document.createElement('div');
questionElement.className = 'question-card';
questionElement.id = `q-card-${i}`; // TOC: Add ID for scrolling
// CHECK FOR IMPORTANT QUESTION
if (q.isImportant) {
questionElement.classList.add('important-question');
// Add Badge with Star Icon
const badge = document.createElement('div');
badge.className = 'important-badge';
// Star Icon URL (CDN)
const starIconURL = "https://cdn-icons-png.flaticon.com/512/1828/1828884.png";
// Using Image tag instead of <i> tag
badge.innerHTML = `<img src="${starIconURL}" style="width: 14px; height: 14px; margin-right: 5px; vertical-align: middle;"> Important`;
questionElement.appendChild(badge);
}
const questionTextContainer = document.createElement('div');
questionTextContainer.onclick = function() {
if (q.questionLink) {
window.location.href = q.questionLink;
}
};
const questionNumber = i + 1;
questionTextContainer.innerHTML = `
<span class="question-text">${questionNumber}. ${q.question}</span>
<span class="urdu-text">${q.urdu}</span>
`;
questionElement.appendChild(questionTextContainer);
if (q.ttsEnabled) {
const ttsButton = document.createElement('button');
ttsButton.className = 'tts-btn';
ttsButton.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.sound}')"></div><span>Listen Question</span>`;
ttsButton.onclick = (e) => {
e.stopPropagation();
speakQuestion(q);
};
questionElement.appendChild(ttsButton);
}
const optionsDiv = document.createElement('div');
optionsDiv.className = 'options';
optionsDiv.id = `options-${i}`;
q.options.forEach((option, j) => {
const optionDiv = document.createElement('div');
optionDiv.className = 'option';
optionDiv.onclick = (e) => {
e.stopPropagation();
selectOption(optionDiv, String.fromCharCode(65 + j), i);
};
optionDiv.innerHTML = `<span class="option-letter">${String.fromCharCode(65 + j)}</span><span class="option-text">${option}</span>`;
optionsDiv.appendChild(optionDiv);
});
questionElement.appendChild(optionsDiv);
if (q.showSocialShare) {
const shareButtons = document.createElement('div');
shareButtons.className = 'share-buttons';
const whatsappBtn = document.createElement('button');
whatsappBtn.className = 'share-btn whatsapp-btn';
whatsappBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.whatsapp}')"></div><span>Share via WhatsApp</span>`;
whatsappBtn.onclick = () => shareQuestionWithImage(i, 'whatsapp');
shareButtons.appendChild(whatsappBtn);
const copyLinkBtn = document.createElement('button');
copyLinkBtn.className = 'share-btn copy-link-btn';
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.onclick = () => {
const link = q.questionLink || window.location.href;
navigator.clipboard.writeText(link).then(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copied!</span>`;
copyLinkBtn.classList.add('copied');
setTimeout(() => {
copyLinkBtn.innerHTML = `<div class="share-icon" style="background-image: url('${socialIcons.link}')"></div><span>Copy Link</span>`;
copyLinkBtn.classList.remove('copied');
}, 2000);
});
};
shareButtons.appendChild(copyLinkBtn);
questionElement.appendChild(shareButtons);
}
const explanationBtn = document.createElement('button');
explanationBtn.className = 'explanation-btn';
explanationBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanation(i);
};
explanationBtn.innerHTML = '<span>اس سوال کو وضاحت کے ساتھ پڑھیں</span>';
// START: *** NEW LAYOUT LOGIC ***
// Create a container for the action buttons
const actionsContainer = document.createElement('div');
actionsContainer.className = 'question-actions';
// Add the explanation button to the container
actionsContainer.appendChild(explanationBtn);
// Add the MODERN comment icon to the container
if (q.questionLink) {
const commentLink = document.createElement('a');
commentLink.href = q.questionLink;
commentLink.target = '_blank';
commentLink.className = 'modern-comment-link';
const commentSVG = `<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>`;
commentLink.innerHTML = `<span class="comment-count">(Comments)</span> ${commentSVG}`;
actionsContainer.appendChild(commentLink);
}
// Add the actions container to the main question element
questionElement.appendChild(actionsContainer);
// END: *** NEW LAYOUT LOGIC ***
const explanationDiv = document.createElement('div');
explanationDiv.className = 'explanation';
explanationDiv.id = `explanation-${i}`;
const translateBtn = document.createElement('button');
translateBtn.className = 'translate-btn';
translateBtn.innerHTML = 'Translate in Urdu';
translateBtn.onclick = (e) => {
e.stopPropagation();
toggleExplanationTranslation(i);
};
explanationDiv.appendChild(translateBtn);
const explanationText = document.createElement('div');
explanationText.innerHTML = parseHighlightedText(q.explanation.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationText);
const explanationUrduDiv = document.createElement('div');
explanationUrduDiv.className = 'explanation-urdu';
explanationUrduDiv.innerHTML = parseHighlightedText(q.explanationUrdu.replace(/\n/g, '<br>'));
explanationDiv.appendChild(explanationUrduDiv);
if (q.explanationImage) {
const imgContainer = document.createElement('div');
imgContainer.style.textAlign = 'center';
const imgLink = document.createElement('a');
imgLink.href = q.explanationImageLink || '#';
imgLink.target = '_blank';
const img = document.createElement('img');
img.src = q.explanationImage;
img.alt = q.explanationImageAlt || 'Explanation Image';
img.className = 'explanation-image';
imgLink.appendChild(img);
imgContainer.appendChild(imgLink);
if (q.explanationImageCaption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.explanationImageCaption;
imgContainer.appendChild(caption);
}
explanationDiv.appendChild(imgContainer);
}
questionElement.appendChild(explanationDiv);
quizContainer.appendChild(questionElement);
// Har 3 sawalat ke baad ad daalne ka logic
if ((i + 1) % 3 === 0 && i < endIndex - 1) {
const adContainer = document.createElement('div');
adContainer.className = 'ad-container';
adContainer.innerHTML = `<p>Advertisement Space</p>`;
quizContainer.appendChild(adContainer);
}
if (q.ProTips) {
const tipsElement = document.createElement('div');
tipsElement.className = 'tips-section';
tipsElement.innerHTML = q.ProTips;
quizContainer.appendChild(tipsElement);
}
if (q.imageAfter) {
const imageContainer = document.createElement('div');
imageContainer.className = 'question-image';
const imageLink = document.createElement('a');
imageLink.href = q.imageAfter.link;
imageLink.target = '_blank';
const image = document.createElement('img');
image.src = q.imageAfter.url;
image.alt = q.imageAfter.alt || 'Question related image';
imageLink.appendChild(image);
imageContainer.appendChild(imageLink);
if (q.imageAfter.caption) {
const caption = document.createElement('div');
caption.className = 'question-image-caption';
caption.textContent = q.imageAfter.caption;
imageContainer.appendChild(caption);
}
quizContainer.appendChild(imageContainer);
}
if (i < endIndex - 1) {
const isAdNext = ((i + 1) % 3 === 0 && i < questions.length - 1);
if (!isAdNext) {
const divider = document.createElement('div');
divider.className = 'divider';
quizContainer.appendChild(divider);
}
}
}
if (answersShown) {
showAllAnswers();
} else {
hideAllAnswers();
}
updatePagination();
// YEH LINE ADD KI GAYI HAI: Sawalat load hone ke baad ads ko load karein
applyAds();
}
function toggleExplanationTranslation(questionIndex) {
const explanationDiv = document.getElementById(`explanation-${questionIndex}`);
const englishExplanation = explanationDiv.querySelector('div:not(.explanation-urdu)');
const urduExplanation = explanationDiv.querySelector('.explanation-urdu');
if (englishExplanation.style.display !== 'none') {
englishExplanation.style.display = 'none';
urduExplanation.style.display = 'block';
} else {
englishExplanation.style.display = 'block';
urduExplanation.style.display = 'none';
}
}
function speakQuestion(question) {
if (speechSynthesis.speaking) {
speechSynthesis.cancel();
}
const questionUtterance = new SpeechSynthesisUtterance(`Question: ${question.question.replace('?', '.')}`);
questionUtterance.lang = 'en-US';
questionUtterance.rate = 0.7;
questionUtterance.pitch = 0.8;
let optionsText = 'Options: ';
question.options.forEach((option, index) => {
optionsText += `${String.fromCharCode(65 + index)}... ${option}. `;
});
const optionsUtterance = new SpeechSynthesisUtterance(optionsText);
optionsUtterance.lang = 'en-US';
optionsUtterance.rate = 0.7;
optionsUtterance.pitch = 0.8;
speechSynthesis.speak(questionUtterance);
questionUtterance.onend = function() {
speechSynthesis.speak(optionsUtterance);
};
}
function updatePagination() {
const pagination = document.getElementById('pagination');
pagination.innerHTML = '';
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (totalPages <= 1) return;
const firstBtn = document.createElement('button');
firstBtn.className = 'page-nav';
firstBtn.innerHTML = '« First';
firstBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
if (currentPage === 1) firstBtn.classList.add('disabled-nav');
pagination.appendChild(firstBtn);
const prevBtn = document.createElement('button');
prevBtn.className = 'page-nav';
prevBtn.innerHTML = '‹';
prevBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage - 1);
};
if (currentPage === 1) prevBtn.classList.add('disabled-nav');
pagination.appendChild(prevBtn);
if (currentPage > 2) {
const firstPageBtn = document.createElement('button');
firstPageBtn.className = 'page-btn';
firstPageBtn.textContent = '1';
if (1 === currentPage) firstPageBtn.classList.add('active');
firstPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=1';
};
pagination.appendChild(firstPageBtn);
if (currentPage > 3) {
const ellipsis1 = document.createElement('span');
ellipsis1.className = 'page-ellipsis';
ellipsis1.textContent = '...';
pagination.appendChild(ellipsis1);
}
}
const startPage = Math.max(2, currentPage - 1);
const endPage = Math.min(totalPages - 1, currentPage + 1);
for (let i = startPage; i <= endPage; i++) {
const pageBtn = document.createElement('button');
pageBtn.className = 'page-btn';
pageBtn.textContent = i;
if (i === currentPage) pageBtn.classList.add('active');
pageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + i;
};
pagination.appendChild(pageBtn);
}
if (currentPage < totalPages - 1) {
if (currentPage < totalPages - 2) {
const ellipsis2 = document.createElement('span');
ellipsis2.className = 'page-ellipsis';
ellipsis2.textContent = '...';
pagination.appendChild(ellipsis2);
}
const lastPageBtn = document.createElement('button');
lastPageBtn.className = 'page-btn';
lastPageBtn.textContent = totalPages;
if (totalPages === currentPage) lastPageBtn.classList.add('active');
lastPageBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
pagination.appendChild(lastPageBtn);
}
const nextBtn = document.createElement('button');
nextBtn.className = 'page-nav';
nextBtn.innerHTML = '›';
nextBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + (currentPage + 1);
};
if (currentPage === totalPages) nextBtn.classList.add('disabled-nav');
pagination.appendChild(nextBtn);
const lastBtn = document.createElement('button');
lastBtn.className = 'page-nav';
lastBtn.innerHTML = 'Last »';
lastBtn.onclick = () => {
window.location.href = window.location.pathname + '?page=' + totalPages;
};
if (currentPage === totalPages) lastBtn.classList.add('disabled-nav');
pagination.appendChild(lastBtn);
const searchDiv = document.createElement('div');
searchDiv.className = 'page-search';
searchDiv.innerHTML = `
<input type="number" id="pageInput" min="1" max="${totalPages}" placeholder="Enter Page Number">
<button onclick="goToPageWithReload()">Go</button>
`;
pagination.appendChild(searchDiv);
}
function goToPageWithReload() {
const pageInput = document.getElementById('pageInput');
const pageNum = parseInt(pageInput.value);
const totalPages = Math.ceil(questions.length / config.questionsPerPage);
if (pageNum >= 1 && pageNum <= totalPages) {
window.location.href = window.location.pathname + '?page=' + pageNum;
} else {
alert(`Please enter a page number between 1 and ${totalPages}`);
}
}
function selectOption(optionElement, selectedAnswer, questionIndex) {
const question = questions[questionIndex];
const options = document.querySelectorAll(`#options-${questionIndex} .option`);
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
selectedOptions[questionIndex] = selectedAnswer;
const correctOptionIndex = question.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedAnswer !== question.correctAnswer) {
const selectedIndex = selectedAnswer.charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
}
function toggleExplanation(questionIndex) {
const explanationElement = document.getElementById(`explanation-${questionIndex}`);
explanationElement.style.display = explanationElement.style.display === 'block' ? 'none' : 'block';
}
function toggleFAQ(faqQuestion) {
faqQuestion.classList.toggle('active');
const answer = faqQuestion.nextElementSibling;
answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
const toggleIcon = faqQuestion.querySelector('.faq-toggle');
toggleIcon.classList.toggle('rotated');
}
function toggleAllAnswers() {
answersShown = !answersShown;
const btn = document.getElementById('toggleAnswersBtn');
if (answersShown) {
btn.textContent = 'Hide All Answers';
showAllAnswers();
} else {
btn.textContent = 'Show All Answers';
hideAllAnswers();
}
}
function showAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const q = questions[i];
const options = document.querySelectorAll(`#options-${i} .option`);
if (options.length > 0) {
const correctOptionIndex = q.correctAnswer.charCodeAt(0) - 65;
options[correctOptionIndex].classList.add('correct');
if (selectedOptions.hasOwnProperty(i) && selectedOptions[i] !== q.correctAnswer) {
const selectedIndex = selectedOptions[i].charCodeAt(0) - 65;
options[selectedIndex].classList.add('incorrect');
}
options.forEach(opt => {
opt.style.pointerEvents = 'none';
});
}
}
}
function hideAllAnswers() {
const startIndex = (currentPage - 1) * config.questionsPerPage;
const endIndex = Math.min(startIndex + config.questionsPerPage, questions.length);
for (let i = startIndex; i < endIndex; i++) {
const options = document.querySelectorAll(`#options-${i} .option`);
options.forEach(option => {
option.classList.remove('correct', 'incorrect');
});
options.forEach(opt => {
opt.style.pointerEvents = 'auto';
});
}
selectedOptions = {};
}
function resetQuiz() {
selectedOptions = {};
answersShown = false;
document.getElementById('toggleAnswersBtn').textContent = 'Show All Answers';
loadQuestions(currentPage);
}
function changeHeaderImage(imageUrl) {
document.getElementById('headerImage').src = imageUrl;
}
function toggleContentExpansion() {
const contentPreview = document.getElementById('contentPreview');
const readMoreBtn = document.getElementById('readMoreBtn');
contentExpanded = !contentExpanded;
if (contentExpanded) {
contentPreview.classList.add('expanded');
readMoreBtn.textContent = 'Read Less';
} else {
contentPreview.classList.remove('expanded');
readMoreBtn.textContent = 'Read More';
}
}
function toggleContentLanguage() {
const englishContent = document.querySelector('.english-content');
const urduContent = document.querySelector('.urdu-content');
const translateBtn = document.getElementById('contentTranslateBtn');
contentInUrdu = !contentInUrdu;
if (contentInUrdu) {
englishContent.style.display = 'none';
urduContent.style.display = 'block';
translateBtn.textContent = 'Translate to English';
} else {
englishContent.style.display = 'block';
urduContent.style.display = 'none';
translateBtn.textContent = 'Translate to Urdu';
}
}
async function createShareImage(questionIndex) {
return new Promise((resolve) => {
const q = questions[questionIndex];
const canvas = document.getElementById('shareCanvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
if (q.backgroundImage) {
const img = new Image();
img.crossOrigin = "Anonymous";
img.onload = function() {
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
ctx.fillRect(0, 0, canvas.width, canvas.height);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.onerror = function() {
console.log("Background image failed to load, using gradient fallback");
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
};
img.src = q.backgroundImage + (q.backgroundImage.includes('?') ? '&' : '?') + 't=' + Date.now();
} else {
drawGradientBackground(ctx, canvas);
drawQuestionContent(ctx, canvas, q, questionIndex);
convertCanvasToImage(canvas, resolve);
}
});
}
function drawGradientBackground(ctx, canvas) {
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
gradient.addColorStop(0, '#1e3c72');
gradient.addColorStop(1, '#2a5298');
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'rgba(255, 255, 255, 0.05)';
for (let i = 0; i < 5; i++) {
ctx.beginPath();
ctx.arc(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 300 + 100, 0, Math.PI * 2);
ctx.fill();
}
}
function drawQuestionContent(ctx, canvas, q, questionIndex) {
const questionNumber = questionIndex + 1;
const questionText = `${questionNumber}. ${q.question}`;
const urduText = `${q.urdu.replace('؟', '').replace('?', '')}`;
ctx.save();
ctx.beginPath();
ctx.roundRect(40, 40, canvas.width - 80, canvas.height - 80, 20);
ctx.clip();
ctx.fillStyle = 'rgba(255, 255, 255, 0.15)';
ctx.fillRect(40, 40, canvas.width - 80, canvas.height - 80);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'left';
ctx.font = 'bold 36px Roboto, sans-serif';
const questionLines = wrapText(ctx, questionText, canvas.width - 160, 36);
let yPos = 80 + 36;
questionLines.forEach(line => {
ctx.fillText(line, 80, yPos);
yPos += 36 + 10;
});
ctx.font = '32px "Noto Nastaliq Urdu", serif';
ctx.textAlign = 'right';
const urduLines = wrapText(ctx, urduText, canvas.width - 160, 32);
urduLines.forEach(line => {
ctx.fillText(line, canvas.width - 80, yPos);
yPos += 32 + 10;
});
ctx.textAlign = 'left';
yPos += 20;
ctx.font = 'italic 24px "Noto Nastaliq Urdu", serif';
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.textAlign = 'right';
ctx.fillText("چار آپشن میں سے کسی پر بھی کلک کرنے سے جواب سبز ہو جائے گا", canvas.width - 80, yPos);
yPos += 24 + 30;
ctx.textAlign = 'left';
ctx.font = '28px Roboto, sans-serif';
ctx.textAlign = 'left';
q.options.forEach((option, index) => {
const optionLetter = String.fromCharCode(65 + index);
const isCorrect = optionLetter === q.correctAnswer;
ctx.save();
ctx.beginPath();
ctx.roundRect(80, yPos - 10, canvas.width - 160, 28 + 20, 10);
ctx.fillStyle = isCorrect ? 'rgba(40, 167, 69, 0.2)' : 'rgba(255, 255, 255, 0.15)';
ctx.fill();
ctx.strokeStyle = isCorrect ? '#28a745' : 'rgba(255, 255, 255, 0.3)';
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
ctx.beginPath();
ctx.arc(80 + 25, yPos + 28 / 2, 28 * 0.8, 0, Math.PI * 2);
ctx.fillStyle = isCorrect ? '#28a745' : '#3498db';
ctx.fill();
ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.fillText(optionLetter, 80 + 25, yPos + 28 / 2 + 28 * 0.3);
ctx.fillStyle = isCorrect ? '#28a745' : '#ffffff';
ctx.textAlign = 'left';
ctx.fillText(`${optionLetter}) ${option}`, 80 + 60, yPos + 28 * 0.8);
yPos += 28 + 30;
});
ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';
ctx.font = 'italic 20px Roboto, sans-serif';
ctx.textAlign = 'center';
ctx.fillText("Study For More PAKMCQs.ORG", canvas.width / 2, canvas.height - 40);
}
function convertCanvasToImage(canvas, resolve) {
canvas.toBlob((blob) => {
const imageUrl = URL.createObjectURL(blob);
resolve(imageUrl);
}, 'image/png', 1.0);
}
function wrapText(context, text, maxWidth, fontSize) {
const words = text.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
const word = words[i];
const width = context.measureText(currentLine + ' ' + word).width;
if (width < maxWidth) {
currentLine += ' ' + word;
} else {
lines.push(currentLine);
currentLine = word;
}
}
lines.push(currentLine);
return lines;
}
async function shareQuestionWithImage(questionIndex, platform) {
try {
const imageUrl = await createShareImage(questionIndex);
const q = questions[questionIndex];
const shareUrl = q.questionLink || window.location.href;
const shareText = `${questionIndex + 1}. ${q.question}\n\n${q.urdu.replace(/#&\d+/g, '')}\n\nStudy more at: ${shareUrl}`;
if (navigator.share) {
const response = await fetch(imageUrl);
const blob = await response.blob();
const file = new File([blob], 'question.png', { type: 'image/png' });
await navigator.share({
title: q.question,
text: shareText,
files: [file],
url: shareUrl
});
} else {
if (platform === 'facebook') {
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`, '_blank');
} else if (platform === 'twitter') {
const mockImageUrl = imageUrl;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(mockImageUrl)}`, '_blank');
} else if (platform === 'whatsapp') {
const link = document.createElement('a');
link.href = `whatsapp://send?text=${encodeURIComponent(shareText)}`;
link.click();
}
}
} catch (err) {
console.error('Error sharing:', err);
alert('Sharing failed. Please try again or copy the link manually.');
}
}
/* ========================================================= */
/* ============ DYNAMIC PDF GENERATION LOGIC =============== */
/* ========================================================= */
async function generateDynamicPDF() {
// Check if jsPDF is loaded
if (!window.jspdf) {
alert("PDF library is loading. Please wait a moment and try again.");
return;
}
// --- UI: START LOADING & SHOW PROGRESS BAR ---
const btn = document.getElementById('generatePdfBtn');
const btnText = btn.querySelector('.btn-text');
const btnProgress = btn.querySelector('.progress-bar-fill');
const originalText = "Click here for Download PDF";
btn.disabled = true; // Disable double clicks
btnText.textContent = "Initializing...";
btnProgress.style.width = "10%"; // Start progress
const { jsPDF } = window.jspdf;
const doc = new jsPDF('p', 'mm', 'a4'); // Portrait, Millimeters, A4
// 1. Settings & Dimensions
const pageWidth = 210;
const pageHeight = 297;
const marginTop = 30;
const marginBottom = 05;
const marginLeft = 15;
const marginRight = 15;
const contentWidth = pageWidth - marginLeft - marginRight;
let cursorY = marginTop;
// 2. Filter Questions (pdf = true)
const pdfQuestions = questions.filter(q =>
q.pdf === true ||
(q.getAttribute && q.getAttribute('data-pdf') === "true")
);
if (pdfQuestions.length === 0) {
alert("No questions marked for PDF found.");
// Reset Button
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
return;
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Downloading Image...";
btnProgress.style.width = "30%";
// 3. Load Background Image
const bgUrl = config.pdfBackgroundUrl;
let bgImage = null;
try {
bgImage = await loadImageAsBase64(bgUrl);
// Image Loaded Success
btnProgress.style.width = "50%";
} catch (e) {
console.warn("Background image failed to load, generating PDF without it.");
}
// --- UI: UPDATE STATUS ---
btnText.textContent = "Generating Pages...";
// Helper to Add a new page with background
const addNewPage = () => {
doc.addPage();
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
cursorY = marginTop; // Reset cursor to top margin
};
// Add background to the first page
if (bgImage) {
doc.addImage(bgImage, 'JPEG', 0, 0, pageWidth, pageHeight);
}
// 4. Iterate and Print Questions
pdfQuestions.forEach((q, index) => {
// --- A. CALCULATE HEIGHT REQUIRED ---
// Question Text Height
doc.setFontSize(12);
doc.setFont("helvetica", "bold");
const qTitle = `Q${index + 1}: ${q.question}`;
const qTitleLines = doc.splitTextToSize(qTitle, contentWidth);
const qTitleHeight = qTitleLines.length * 6; // Approx line height 6mm
// Options Height
doc.setFont("helvetica", "normal");
doc.setFontSize(10);
let optionsHeight = 0;
const processedOptions = [];
q.options.forEach((opt, idx) => {
const letter = String.fromCharCode(65 + idx);
const optText = `${letter}) ${opt}`;
const optLines = doc.splitTextToSize(optText, contentWidth - 5); // Indent slightly
const h = optLines.length * 5; // Approx line height 5mm
optionsHeight += h + 2; // +2mm padding between options
processedOptions.push({ lines: optLines, height: h });
});
const totalQuestionHeight = qTitleHeight + optionsHeight + 8; // +8mm padding after question
// --- B. CHECK SPACE & PAGE BREAK ---
if (cursorY + totalQuestionHeight > pageHeight - marginBottom) {
addNewPage();
}
// --- C. RENDER CONTENT ---
// Render Question Title
doc.setFontSize(12);
doc.setTextColor(0, 0, 0);
doc.setFont("helvetica", "bold");
doc.text(qTitleLines, marginLeft, cursorY);
cursorY += qTitleHeight + 2;
// Render Options
doc.setFontSize(10);
doc.setFont("helvetica", "normal");
processedOptions.forEach((pOpt, idx) => {
// Check if this is the correct answer to highlight (Optional visual cue)
const letter = String.fromCharCode(65 + idx);
if (letter === q.correctAnswer) {
doc.setFont("helvetica", "bold");
doc.setTextColor(0, 100, 0); // Green
} else {
doc.setFont("helvetica", "normal");
doc.setTextColor(0, 0, 0); // Black
}
doc.text(pOpt.lines, marginLeft + 5, cursorY);
cursorY += pOpt.height + 2;
});
// Reset color/font and add bottom padding
doc.setTextColor(0, 0, 0);
cursorY += 6;
});
// --- UI: FINALIZING ---
btnText.textContent = "Saving PDF...";
btnProgress.style.width = "90%";
// 5. Save File
doc.save('PAKMCQs_Questions.pdf');
// --- UI: COMPLETE & RESET ---
btnText.textContent = "Downloaded!";
btnProgress.style.width = "100%";
setTimeout(() => {
btn.disabled = false;
btnText.textContent = originalText;
btnProgress.style.width = "0%";
}, 3000); // Reset after 3 seconds
}
// Helper to load image with CORS handling for Blogger Images
function loadImageAsBase64(url) {
return new Promise((resolve, reject) => {
const img = new Image();
// Ye line zaroori hai taake Google block na kare
img.crossOrigin = 'Anonymous';
// URL ke aage time lagaya hai taake browser cache use na kare (Cache breaker)
if (url.startsWith('http')) {
img.src = url + (url.includes('?') ? '&' : '?') + 't=' + new Date().getTime();
} else {
img.src = url;
}
img.onload = () => {
const canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(img, 0, 0);
try {
const dataURL = canvas.toDataURL('image/jpeg', 0.8); // High Quality JPG
resolve(dataURL);
} catch (e) {
console.error("CORS Error: Image load hui lekin export nahi ho saki.", e);
// Agar phir bhi fail ho jaye to bina image ke continue karega
reject(e);
}
};
img.onerror = (e) => {
console.error("Image Failed to Load from URL:", url);
reject(e);
};
});
}
/* ========================================================= */
document.addEventListener('DOMContentLoaded', function () {
generateTOC(); // TOC Generate karna
currentPage = getCurrentPageFromURL();
changeHeaderImage(config.headerImageUrl);
loadQuestions(currentPage);
checkScrollOnLoad(); // Scroll Check karna if redirected from another page
document.getElementById('toggleAnswersBtn').addEventListener('click', toggleAllAnswers);
document.getElementById('resetQuizBtn').addEventListener('click', resetQuiz);
document.getElementById('readMoreBtn').addEventListener('click', toggleContentExpansion);
document.getElementById('contentTranslateBtn').addEventListener('click', toggleContentLanguage);
// === ATTACH PDF GENERATION EVENT ===
const pdfBtn = document.getElementById('generatePdfBtn');
if (pdfBtn) {
pdfBtn.addEventListener('click', function(e) {
e.preventDefault(); // Stop any default link behavior
generateDynamicPDF();
});
}
// ===================================
const seeMoreFaqBtn = document.getElementById('seeMoreFaqBtn');
if (seeMoreFaqBtn) {
seeMoreFaqBtn.addEventListener('click', function() {
const hiddenFaqs = document.querySelectorAll('.hidden-faq');
hiddenFaqs.forEach(faq => {
faq.style.display = 'block';
});
seeMoreFaqBtn.style.display = 'none';
});
}
});
window.goToPageWithReload = goToPageWithReload;
</script>
</body>
</html>Mehtab Ahmadhttp://www.blogger.com/profile/05636204994802332371noreply@blogger.com